Redux Form, ein Radio-Button-Felder, wie man Variablen Werte?

In meine reagieren redux form, ich habe Folgendes:

        <fieldset className="form-group">
          <legend>Radio buttons</legend>
          {this.props.job_titles.map(jobTitle => (
          <div className="form-check" key={jobTitle.id}>
            <label className="form-check-label">
              <Field
                name="job_title_id"
                component="input"
                type="radio"
                value={jobTitle.id}
              />
              {' '}
              {jobTitle.title}
            </label>
          </div>
          ))}
        </fieldset>

Damit werden die radio-buttons richtig, aber wenn Sie klicken, um wählen Sie ein Optionsfeld, wird das Optionsfeld nie-sets ausgewählt. Sie können nicht wählen Sie eine option - die form ist gebrochen.

Was seltsam ist, wenn ich update: value={jobTitle.id} zu value="anything" dann die radio-buttons ausgewählt werden können.

Ich bin nicht zu sehen, etwas in der redux form docs über radio-buttons dynamisch generiert. Was mache ich falsch?

Dank

dies sind die radio-buttons, keine Checkboxen...
Kannst du den code mit der <input> element?
Bedeutung, wie es das rendering im browser?
Ich wollte sehen, was die <Field> element zu tun war, aber ich fand es hier. redux-form.com/6.8.0/docs/api/Field.md
Sie gehen zu müssen, um zu verwalten die input.checked Eigenschaft. redux-form.com/6.8.0/docs/api/Field.md/...

InformationsquelleAutor AnnaSm | 2017-07-03

  1. 2

    Legen Sie die aktiviert-Eigenschaft auf eine state oder prop, dann update, dass in den click-handler.

    <Field
    onClick={
        () => {
            this.setState((prevState) => {
                return {isChecked: !prevState.isChecked};
            });
        }
    }
    name="job_title_id"
    component="input"
    type="radio"
    checked={this.state.isChecked}
    value={jobTitle.id}
/>

    InformationsquelleAutor sissonb

  2. 6

    Konvertieren Wert String: 

    <Field
            name="job_title_id"
            component="input"
            type="radio"
            value={jobTitle.id.toString()}
          />

    InformationsquelleAutor Thangbg

Schreibe einen Kommentar