javascript - React Native 中 componentDidMount() 警告中的异步 SetState

Question

警告消息说:

“警告:只能更新已安装或正在安装的组件。这通常意味着您在未安装的组件上调用了 setState、replaceState 或 forceUpdate。这是空操作。”

导致它的代码:

async componentDidMount() {
  const token = await AsyncStorage.getItem('google_token');

  if (token) {
    this.props.navigation.navigate('feed');
    this.setState({ token });
  } else {
    this.setState({ token: false });
  }
 }

经过一些谷歌搜索后，我真的很困惑我是否应该担心这个警告。如何在不禁用这样的规则的情况下消除警告消息 Github issue建议 ?

Answer 1

我认为问题在于您导航到“提要”然后更新此组件的状态。最好先更新状态，然后在完成后导航:

async componentDidMount() {
  const token = await AsyncStorage.getItem('google_token');

  if (token) {
    this.setState({ token }, () => this.props.navigation.navigate('feed'));
  } else {
    this.setState({ token: false });
  }
 }