react-native - 如何在 componentDidMount 上更改 React Native 中的状态？

Question

我有以下警告:Warning: setState(...): Can only update a mounted or mounting component.这通常意味着您在未安装的组件上调用了 setState() 。这是一个空操作。请检查 Home 组件的代码。

export default class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loaded: false,
      failed: false
    };
  }
  componentWillMount() {
    Actions.auth();
  }
  componentDidMount() {
    Actions.loadUser.completed.listen(this.onLoadUserCompleted.bind(this));
    Actions.goHome.listen(this.onGoHome.bind(this));
    Actions.logout.listen(this.onLogout.bind(this));
  }
  onLoadUserCompleted(user) {
    let currentUser = DataStore.getCurrentUser();
    this.setState ({ loaded: true }); // <=============
  }
}

Answer 1

componentDidMount() 可以通过 setState 改变状态。我们的代码中有很多这样的东西，请参见下面的示例。我猜 setState() 的另一个调用会导致这个警告，也许在另一个 View /组件中？ (或者您的组件由于某种原因意外卸载)

  constructor(props) {
    super(props);

    this.state = {
      runAfterInteractions: false,
    };
  }

  componentDidMount() {
    InteractionManager.runAfterInteractions(() => {
      this.setState({
        runAfterInteractions: true,
      });
    });
  }

  render() {

    if(!this.state.runAfterInteractions) return null;
    ....