React Redux - Get value of Redux state and update local state

Question

I have the following code that updates the state. I am storing values of mandatory fields in - mandatory_fields

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

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

The Redux state is updated as shown below using dispatch(getMandatoryFields(session.username))

My mapstatetoprops is :

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

How can I get the value of gender, religion and age from mandatory_fields and if they have no value as shown above, update completeProfileNeeded: true

Answer 1

Values are mapped from state to props , gender will be under this.props.mandatory_fields.gender .

You can use componentDidUpdate to check if values are defined and update state but this has to be conditional action to prevent loop.

As Mas stated it ( completeProfileNeeded ) can be computed in map state and passed with other values.

You can also directly use some (or all) of these values in conditional rendering without setting this as value in state.