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問題建議的規則的情況下獲取警告消息？

Answer 1

我認為問題是你導航到'feed'然后更新這個組件的狀態。 最好先更新狀態，然后在完成后導航：

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

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