Reactjs表单值通过状态显示,但当我提交表单字段和未提交的值时
我已经实现了redux表单并从道具中获取数据,并将道具更改为componentWillReceiveProps中的状态,值显示在我的字段中,但当我提交表单而不进行交互时,则表单值未提交Reactjs表单值通过状态显示,但当我提交表单字段和未提交的值时,reactjs,validation,touch-event,react-props,Reactjs,Validation,Touch Event,React Props,我已经实现了redux表单并从道具中获取数据,并将道具更改为componentWillReceiveProps中的状态,值显示在我的字段中,但当我提交表单而不进行交互时,则表单值未提交 <Field name="standardDistanceBetween" type="text" onChange={this.onInputChange} data={this.state.standardDistanceBetween} label="Distance Between Shaft En
<Field
name="standardDistanceBetween"
type="text"
onChange={this.onInputChange}
data={this.state.standardDistanceBetween}
label="Distance Between Shaft Ends"
component={renderInput1}
/>
我希望表单提交时输出不会与值将提交的字段交互。在提交函数控制台状态变量中,检查状态是否有值,如果您使用的是formik onSubmit函数,您将在“值”参数中获取输入字段数据
<Field
name="standardDistanceBetween"
type="text"
onChange={this.onInputChange}
data={this.state.standardDistanceBetween}
label="Distance Between Shaft Ends"
component={renderInput1}
/>
如下
onSubmit ={(values) => {
console.log(values)
}}
没有帮助,数据没有显示在控制台上。我希望您是在Formik标记中实现上述代码的