调度后更新内容更改UI

Question

在我的react-native应用程序中，我在控制器中有：

function mapDispatchToProps(dispatch) {
return {
  dispatch,
  editProfile: bindActionCreators(editProfileRequest, dispatch)   
};

}

连接功能：

return connect(mapStateToProps, mapDispatchToProps)(
 provideHooks({ fetch: fetchProfile })(WrappedAccountController),
 )

一旦成功，服务器将返回具有更新值的对象。 我想将一个isSuccessful变量设置为true，我可以用它来改变UI中的一些东西。就像显示该字段已成功更新一样。 它是否在mapDispatchtoProps中我需要这样做？ 我很反应原生，所以任何帮助都表示赞赏。

Answer 1

您将在生命周期方法中检查API调用的更改。

生命周期监听器

  componentWillReceiveProps(nextProps) {
    if (nextProps.value) {
      this.setState({ doSomething: true });
    }
  }

渲染方法

          render() {
            return (
              <div>
               { this.state.doSomething ?
                <p>
                  Did something!
                </p> : null
               }
              </div>
            );
          }