如何在 componentWillMount 中避免 SetState

Question

我有一个欢迎屏幕，我只想向用户显示一次。它工作我使用 AsyncStorage 来保存令牌。它改变了 ShowWelcomeSlides 的状态，所以我可以做一个条件。但我有一条错误消息。如果不在 componentWillMount 中，我真的不知道在哪里可以更新状态。有什么想法吗？

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

  componentWillMount() {
    this._renderWelcomeSlidesWithAsyncStorage().done();
  }

  _renderWelcomeSlidesWithAsyncStorage = async () => {
    let value = await AsyncStorage.getItem('AlreadyVisited');

            if (value==='true'){
              this.setState({ShowWelcomeSlides: 'false'});
              console.log('token is present')
            }else{
              this.setState({ShowWelcomeSlides: 'true'});
              console.log('token is not present');
              this._setValue();
            }
        }; 

      onSlidesComplete = () => {
        this.props.navigation.navigate('Home');
      }

  render(){

    if (this.state.ShowWelcomeSlides==='true'){
        return(
        <Slides data={SLIDE_DATA} onComplete={this.onSlidesComplete} />
      );
    }return(
     <SkipWelcome />
    );

Answer 1

我相信警告是针对 componentWillMount 的使用。您应该在 componentDidMount 中调用 _renderWelcomeSlidesWithAsyncStorage 以确保您的应用已安装。