javascript - API调用 react ，componentDidUpdate或eventHandler中的事件？

Question

在 React 中发生事件时，理想情况下我们应该将 api 调用放在哪里

在 eventHandler 或 componentDidUpdate 中？

例子:

handleItemClick = (item) => (event) => {
  this.setState({selectedItem: item});
  this.props.requestDataActionDispatch(item);
}

或

componentDidUpdate(prevProps, prevState, snapshot) {
  if(prevState.item !== this.state.item) {
    this.props.requestDataActionDispatch(item);
  }
}

Answer 1

取决于

但一个简单的解决方案是，如果您想在状态值更改后调用某些 API，那么您必须使用 eventHandler。还要检查 callback在 setState 中。

handleItemClick = (item) => (event) => {
  this.setState({selectedItem: item}, () => this.props.requestData(item));
}