redux form initialValues not updating state

Question

I try to set my values in my redux-form, but the input doesn't show the value. Can somebody please help me?

This is my code.

import React from "react";
import { Field, reduxForm } from "redux-form";
import {connect} from 'react-redux';
import {renderTextField, renderField, validate, warn} from "../../../Components/Forms/renders"
class SyncValidationForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      errors: {}
    }
  }

  render() {
  const { handleSubmit, pristine, reset, submitting } = this.props;
  return (
    <form onSubmit={handleSubmit}>
      <div className="col-sm-12">
        <h4 className="info-text"> Let's start with the basic details</h4>
      </div>
      <Field name="what.title.value" type="text" component={renderField} label="Titel" />

    </form>
  );
}
}
SyncValidationForm = reduxForm({
  form: 'insertstart',
  enableReinitialize: true,
  validate, // <--- validation function given to redux-form
  warn
})(SyncValidationForm);

const mapStateToProps = state => {
  return {
    initialValues: state.items.item,

  }
}

export default connect(mapStateToProps)(SyncValidationForm)

I my console log I see this by console.log(this.props);

initialValues:{what.title.value: "test"}

Dario · Accepted Answer · 2018-04-05 07:41:53Z

1

You need to pass the initial values as an object, so instead of

what.title.value: "test"

your state.items.item should look like:

{ what: { title: { value: "test" } } }

See here for a working example.

answered Apr 5, 2018 at 7:41

Dario

6,3109 gold badges42 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashh · Accepted Answer · 2018-04-09 06:39:45Z

1

Always use change function to bind data in redux-form fields

componentWillMount() {
    const { change } = this.props
    change('basicDetails', 'sdfuhdsuiafghfudsauifhdsuifhuiads') // this will bind name with basicDetails
}

<form onSubmit={handleSubmit}>
      <div className="col-sm-12">
        <h4 className="info-text"> Let's start with the basic details</h4>
      </div>
      <Field name="basicDetails" type="text" component={renderField} label="Titel" />
    </form>

answered Apr 9, 2018 at 6:39

Ashh

46.6k16 gold badges111 silver badges137 bronze badges

Collectives™ on Stack Overflow

redux form initialValues not updating state

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related