ReactJS Formik 隐藏字段向服务器发送空值

Question

我是 React 的新手，我正在使用 FormIK，它 post 可以很好地处理表单数据，除非我向其中添加一个隐藏字段。

<Field type="hidden" className="form-control" name="hiddenField" />

当我 post 形成时，它发送隐藏字段的 Null 值我还向 Formik

提供了初始值

<Formik initialValues={{
first_name:'',last_name:'',username:'',email:'',password:'',
password_confirmation:'',distributor:'',phone_number:'',address:'',country:'',
state:'',city:'',zip_code:'',hiddenField:''
}} >

有没有什么东西不见了？

Answer 1

我刚刚也用运行解决了这个问题。我的解决方法是只添加一个初始值，甚至不使用隐藏字段。结果是，在 onSubmit() 中，values 对象包含我的隐藏字段键和 initialValues 值。

我想知道是否有人知道解决此问题的正确方法？我的方法似乎有点老套？

Answer 2

这是我在 Formik 中管理隐藏字段值的方式

已将 setFieldValue 作为参数传递给标记

{({ values, errors, touched, handleSubmit, setFieldValue , isSubmitting }) => (
<Form>
<div className="form-group has-feedback">
<input type="hidden" value="testing" name="hiddenField" />

然后我设法改了它的onClick方法（可以按需使用）

<button type="submit" className="btn btn-primary btn-block btn-flat" 
onClick={() => {setFieldValue("hiddenField", "yourValueHere OR dynamicVariable"); }} 
disabled={isSubmitting}>Register</button>

ReactJS Formik 隐藏字段向服务器发送空值

ReactJS Formik hidden field sending null value to server

reactjs

formik