时间戳

首页 > 解决方案 > Reactjs 表单值通过状态显示，但是当我提交表单字段并且值未提交时

reactjs - Reactjs 表单值通过状态显示，但是当我提交表单字段并且值未提交时

问题描述

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

<Field
name="standardDistanceBetween"
type="text"
onChange={this.onInputChange}
data={this.state.standardDistanceBetween}
label="Distance Between Shaft Ends"
component={renderInput1}
/>

我希望在提交表单时输出而不与将提交的值的字段进行交互。

标签： reactjsvalidationtouch-eventreact-props

解决方案

在您的提交函数控制台状态变量中检查状态是否具有值，如果您使用 formik onSubmit 函数，您将在“值”参数中获取输入字段数据，如下所示

onSubmit ={(values) => {
    console.log(values)
}}

推荐阅读