Question

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

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}
          />
        } 
      />
      ...
    )
  }
}

带有两个“主从”的Formik选择

1 个答案: