reactjs - 具有两个“主从”选择的 Formik

Question

我有一个有两个选择的表格。它们中的每一个都是一个 react-select，作为用户定义的组件传递给 Field 组件。

class _TaskForm {
...
<Field name={'project'} component={Select}>
<Field name={'task'} component={Select}>
...
}

const TaskForm = withFormik({...})(_TaskForm)

现在，我想在项目更改时更改任务列表。问题是：在项目的 onChange 中，我只收到 formik 的 {options, field, form} - 它们都没有引用 _TaskForm。我想访问它，以便更新任务选择的选项。

当项目的价值发生变化时，如何访问 _TaskForm？任何帮助，将不胜感激！

Answer 1

很难判断这是否正是您要查找的内容，但听起来您只是在询问如何将 Formik 道具和您自己的道具传递给Select：

class TaskForm extends Component {
  state = { classProp: 'foo' }   
  render() {
    return (
      ...
      <Field 
        name={'project'} 
        component={formikProps => 
          <Select 
            {...formikProps}
            classProp={this.state.classProp}
          />
        } 
      />
      ...
    )
  }
}