有一个用于验证某些数据的Formik字段,看起来像这样:
<Formik
initialValues={initialValues}
validationSchema={validationSchema}
onSubmit={values => this.handleDelete(values)}>
{({ values, errors, touched, setFieldValue }) => (
<Form>
<Field
className="add-input"
name="deleteText"
as={Input}
placeholder="Write DELETE"
/>
</Form>
)}
</Formik>
如果我在Inspect模式下使用DevTools在输入中输入文本“ abc”,则如下所示:
<form action ="#">
<div class="ui input add-input">
<input name="deleteText" placeholder="Write DELETE" type="text" value="abc">
</div>
</form>
在这里可以看到引入的文本,但是如何从代码中访问该文本呢?
答案 0 :(得分:0)
values[<name>]
像values['deleteText']
一样用于代码(在Formik的渲染功能内部)或
onChange
道具传递给<Field>