Скрытое поле ReactJS Formik, отправляющее нулевое значение на сервер

Question

Я новичок в React. Я использую FormIK, который отправляет данные формы в порядке, если только я не добавляю в него скрытое поле.

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

Когда я отправляю форму, она отправляет нулевое значение скрытого поля. Также япредоставили начальные значения Formik

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

Чего не хватает?

Answer 1

Вот как я управлял значением скрытого поля в Formik

Передал setFieldValue в качестве аргумента перед тегом

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

Затем мне удалось изменить его методом onClick (может бытьиспользуется по мере необходимости)

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

Answer 2

Я только что использовал, столкнулся с этой проблемой, а также.Моя работа заключалась в том, чтобы просто добавить начальное значение и даже не использовать скрытое поле.В результате в onSubmit() объект values содержал мой скрытый ключ поля со значением initialValues.

Я хотел бы знать, если кто-нибудь знает правильный путь для этого?Мой путь кажется немного хакерским?