reactjs - 有没有办法将 redux 形式的输入字段传递给另一个组件？

Question

我想将此输入值传递给另一个组件状态。为了清楚起见，我希望这个 redux 表单输入的值将其传递给另一个组件的状态。有没有办法实现它？

renderTextField(field){
            return(
                <div className="form-group">
                    <label>{field.label}</label>
                    <input
                        className="form-control"
                        type="text"
                        placeholder="Name"
                        {...field.input}
                        required
                    />
                </div>
            )
        }

    render(){
            const {handleSubmit}=this.props;
            return(
              <form style={newrow} onSubmit={handleSubmit(this.onSubmit.bind(this))}>
                  <Field
                      label={"Student Name"}
                      name="name"
                      component={this.renderTextField}
                  />
                  <Field
                      label={"Average Grade"}
                      name="avgGrade"
                      component={this.renderTextField}
                  />
                  <Field
                      label={"Curriculum / Occupation"}
                      name="occupation"
                      component={this.renderTextField}
                  />
                  <button className="btn btn-primary btn-right">Create</button>
              </form>
            );
        }
    }

标签： reactjsredux-form

Answer 1

redux-form值存储在 redux 状态中，因此它们可以像任何其他 redux 值一样访问。他们在form.yourFormName.values.yourInputName（假设你叫你的 redux-form reducer form）