React Redux - 获取 Redux 状态的值并更新本地状态

Question

我有以下更新状态的代码。我将必填字段的值存储在 - mandatory_fields

class CompleteProfile extends Component {
  state = {
    completeProfileNeeded: false,
  }

  componentDidMount = () => {
    let { dispatch, session } = this.props
    dispatch(getMandatoryFields(session.username))
  }

使用dispatch(getMandatoryFields(session.username))更新Redux状态如下图所示

我的 mapstatetoprops 是：

const mapStateToProps = state => ({
  mandatory_fields: state.User.mandatory_fields,
  session: state.User.session,
})

如何从mandatory_fields获取性别、宗教和年龄的值，如果它们没有如上所示的值，请更新completeProfileNeeded: true

Answer 1

值为mapped from state to props，gender 将在this.props.mandatory_fields.gender 之下。

您可以使用 componentDidUpdate 来检查值是否已定义并更新状态，但这必须是防止循环的条件操作。

正如 Mas 所说，它 (completeProfileNeeded) 可以在地图状态下计算并与其他值一起传递。

您也可以在条件渲染中直接使用其中的部分（或全部）值，而无需将其设置为 state 中的值。