How to access props in initialValues of redux form

@erikras @kvedananda

const selector = formValueSelector('athlete_profile_form');

AthleteProfileForm = reduxForm({
  form: 'athlete_profile_form',
  initialValues: {athlete_last_name: 'testadassa'}
})(AthleteProfileForm);

AthleteProfileForm = connect((state, ownProps) => ({
  FirstName: selector(state, 'athlete_first_name'),
  LastName: selector(state, 'athlete_last_name'),
  Country: selector(state, 'country'),
  DOB: selector(state, 'dob'),
  Gender: selector(state, 'gender'),
  Address: selector(state, 'address'),
  TimeZone: selector(state, 'timezone'),
  MobileNumber: selector(state, 'mobile'),
  Height: selector(state, 'height'),
  Weight: selector(state, 'weight'),
  Bio: selector(state, 'bio'),
  HighSchoolName: selector(state, 'highschool'),
  HighSchoolYear: selector(state, 'highschool_year'),
  HighSchoolUniversity: selector(state, 'highschool_university'),
  HighSchoolProgramLength: selector(state, 'highschool_length'),
  GraduationName: selector(state, 'graduation'),
  GraduationYear: selector(state, 'graduation_year'),
  GraduationUniversity: selector(state, 'graduation_university'),
  GraduationProgramLength: selector(state, 'graduation_length'),
  SportPlayed: selector(state, 'sports_played'),
  SportYear: selector(state, 'practice_year')
}))(AthleteProfileForm);

I have this component structure but I cannot access props

When I use the below format of using initialValues

AthleteProfileForm = reduxForm({
  form: 'athlete_profile_form'
})(AthleteProfileForm);

AthleteProfileForm = connect((state, ownProps) => ({
  FirstName: selector(state, 'athlete_first_name'),
  LastName: selector(state, 'athlete_last_name'),
  Country: selector(state, 'country'),
  DOB: selector(state, 'dob'),
  Gender: selector(state, 'gender'),
  Address: selector(state, 'address'),
  TimeZone: selector(state, 'timezone'),
  MobileNumber: selector(state, 'mobile'),
  Height: selector(state, 'height'),
  Weight: selector(state, 'weight'),
  Bio: selector(state, 'bio'),
  HighSchoolName: selector(state, 'highschool'),
  HighSchoolYear: selector(state, 'highschool_year'),
  HighSchoolUniversity: selector(state, 'highschool_university'),
  HighSchoolProgramLength: selector(state, 'highschool_length'),
  GraduationName: selector(state, 'graduation'),
  GraduationYear: selector(state, 'graduation_year'),
  GraduationUniversity: selector(state, 'graduation_university'),
  GraduationProgramLength: selector(state, 'graduation_length'),
  SportPlayed: selector(state, 'sports_played'),
  SportYear: selector(state, 'practice_year'),
  initialValues: {athlete_last_name:  ownProps.userData.firstName ? ownProps.userData.firstName :  'testa'}
}))(AthleteProfileForm);

In this case my initial values api doesn’t work at all, because i don’t even see the harcode data string ‘test’ being displayed

This is a material-ui-redux-form library I’m using

[vaibhav-systango]

@MathieuDoyon

Using initialize function & setting enableReinitialize param to true in form works great

class AthleteProfileForm extends Component { static propTypes = { initialize: React.PropTypes.func.isRequired }

componentDidMount() { this.props.initialize(this.props.userData) } render() { return (

…

); } } AthleteProfileForm = reduxForm({ form: ‘athlete_profile_form’, enableReinitialize: true, })(AthleteProfileForm);

AthleteProfileForm = connect((state, ownProps) => ({ FirstName: selector(state, ‘athlete_first_name’) }))(AthleteProfileForm);

export default AthleteProfileForm;

[MathieuDoyon]

@vaibhav-systango using enableReinitialize: true work for me

UsersShowForm = reduxForm({
  form: 'UsersShowForm',
  enableReinitialize: true
})(UsersShowForm)

ref: https://stackoverflow.com/a/38906956