在反应子组件中使用formik答案

【问题标题】：using formik in react subcomponent在反应子组件中使用formik
【发布时间】：2020-09-21 15:13:20
【问题描述】：

我将formik 用于一个简单的表单，但是我有几个从远程数据源填充的多选输入，因此我将它们制成了子组件。基本形式看起来像

<div className="form-group">
    <label htmlFor="priority">Priority</label>
    <select
        id="priority"
        onChange={formik.handleChange}
        className="form-control"
        value={formik.values.priority}
        defaultValue="Normal"
        disabled={isDisabled}
    >
        <option>Urgent</option>
        <option>High</option>
        <option>Normal</option>
        <option>Low</option>
    </select>
</div>
<div className="form-group">
    <label htmlFor="myselect">MySelect List</label>
    <MySelect />
</div>

我可以将formik 作为道具传递给子组件，还是将OnChange 方法和value 作为道具传递，或者在主表单对象中有不同的处理方式吗？

【问题讨论】：

标签： reactjs forms formik

【解决方案1】：

解决方案似乎只是将formik.value 和formik.handleChange 作为道具传递给子组件，然后正常使用它们。请注意，子组件中输入的id（本例中为选择）必须与formik.values.name 相同，否则handleChange 将不起作用。

【讨论】：