Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs表单值通过状态显示,但当我提交表单字段和未提交的值时_Reactjs_Validation_Touch Event_React Props - Fatal编程技术网

Reactjs表单值通过状态显示,但当我提交表单字段和未提交的值时

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

我已经实现了redux表单并从道具中获取数据,并将道具更改为componentWillReceiveProps中的状态,值显示在我的字段中,但当我提交表单而不进行交互时,则表单值未提交

<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标记中实现上述代码的