react-native - 派送后如何更新状态

Question

我是 react-native 和 redux 的新手，我想知道如何在调度后更新状态...

按照我的代码:

/LoginForm.js

function mapStateToProps(state) { return { user: state.userReducer }; }

function mapDispatchToProps(dispatch) {
  return {
    login: (username, password) => {      
      dispatch(login(username, password)); // update state loggedIn
    }
  }  
}

const LoginForm = connect(mapStateToProps, mapDispatchToProps)(Login);
export default LoginForm;

/Login.js
---这里我有一个按钮调用这个方法 loginOnPress()

loginOnPress() {
    const { username, password } = this.state;
    this.props.login(username, password);
    console.log(this.props.user.loggedIn)
  }

根据我上面的代码，我首先调用方法 'this.props.login(用户名，密码);' 调用调度并更改状态' 登录 '。

之后我尝试更新状态但没有成功:

console.log(this.props.user.loggedIn)

注意:当我第二次单击此按钮时，状态会更新

Answer 1

调用 dispatch 会立即更新状态，但你的组件会稍后更新，所以你可以使用 componentWillReceiveProps对 Prop 的变化使用react，你可以看看here更好地解释 React 中状态变化的工作原理