美文网首页
ReactNative 实现同步更新

ReactNative 实现同步更新

作者: AlwaysLuckyMa | 来源:发表于2020-12-22 08:39 被阅读0次

    下面这样做有时候会不更新数据

    // 监听 picker 的改变
    UNSAFE_componentWillReceiveProps(nextProps) {
        if (this.state.lastIllnessTitle !== nextProps.title) {
          this.setState({
            illnessTitle: nextProps.title,
          });
          this.requestData(nextProps.title);  
        }
      }
    

    React文档中对setState的说明

    void setState(
        function|object nextState,
        [function callback]
    )
    

    第二个参数是一个回调函数,在setState的异步操作结束并且组件已经重新渲染的时候执行。我们可以通过这个回调来拿到更新的state的值。

    下面是用法:

    this.setState(
          {
            illnessTitle: nextProps.title,
          },
          () => {
             this.requestData();
          }
        );
    

    相关文章

      网友评论

          本文标题:ReactNative 实现同步更新

          本文链接:https://www.haomeiwen.com/subject/ospjnktx.html