从onClick JavaScript函数调用setState不起作用

是因为在React中，setState是一个异步操作，调用它并不会立即更新组件的状态。相反，React会将状态更新放入一个队列中，并在当前事件处理完成后，对队列中的状态更新进行合并和批量处理，从而提高性能。

如果在onClick事件处理函数中调用setState，可能会导致在事件处理函数执行完毕时，组件尚未重新渲染，从而看不到状态的变化。

为了解决这个问题，可以使用回调函数作为setState的第二个参数，来确保在状态更新完毕后执行所需的操作。示例代码如下：

onClickHandler() {
  this.setState({ count: this.state.count + 1 }, () => {
    // 在回调函数中执行所需的操作
    console.log("状态更新完毕");
  });
}

上述代码中，回调函数会在状态更新完毕后被调用，从而确保在状态变化后执行相关操作。

另外，如果希望状态更新是同步的，可以使用React的批量更新机制。通过在事件处理函数中使用原生的事件对象来获取所需的值，而不是依赖组件状态。示例代码如下：

onClickHandler(e) {
  const value = e.target.value; // 获取所需的值
  
  this.setState((prevState) => ({
    count: prevState.count + parseInt(value)
  }));
}

上述代码中，通过使用prevState来获取之前的状态，并在setState中返回一个新的状态对象，从而实现同步的状态更新。

推荐的腾讯云相关产品：无