Reactjs 福米克与两个“;“主从式”;挑选

Reactjs 福米克与两个“;“主从式”;挑选,reactjs,formik,Reactjs,Formik,我有一张有两个选择的表格。 它们中的每一个都是一个react select,作为用户定义的组件传递给字段组件 class _TaskForm { ... <Field name={'project'} component={Select}> <Field name={'task'} component={Select}> ... } const TaskForm = withFormik({...})(_TaskForm) class\u任务表单{ ... ... }

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

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

const TaskForm = withFormik({...})(_TaskForm)
class\u任务表单{
...
...
}
const TaskForm=withFormik({…})(_TaskForm)
现在,我想在项目更改时更改任务列表。 问题是:在项目的onChange中,我只收到formik的{options,field,form}——它们都没有引用_TaskForm。 我想访问它,以便更新任务选择的选项

当项目的价值发生变化时,我如何访问_TaskForm?
任何帮助都将不胜感激

很难说这是否正是您想要的,但听起来您只是在问如何将Formik道具和您自己的道具传递给
Select

class TaskForm extends Component {
  state = { classProp: 'foo' }   
  render() {
    return (
      ...
      <Field 
        name={'project'} 
        component={formikProps => 
          <Select 
            {...formikProps}
            classProp={this.state.classProp}
          />
        } 
      />
      ...
    )
  }
}
类TaskForm扩展组件{
state={classProp:'foo'}
render(){
返回(
...
} 
/>
...
)
}
}

什么是“访问”\u TaskForm?您的意思是访问
Select
组件中的某个方法或属性吗?@azium-是的,完全正确。我需要更改任务选择的选项列表。我将其作为_TaskForm对象的属性保留。