在React子组件中使用Formik

Question

我正在使用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作为道具传递，或者是否有其他处理方式主要表单对象？

Answer 1

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