Reactjs 福米克与两个“;“主从式”;挑选
我有一张有两个选择的表格。 它们中的每一个都是一个react select,作为用户定义的组件传递给字段组件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任务表单{ ... ... }
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对象的属性保留。