无法在React-Select中将值和onChange作为道具传递

时间:2019-04-11 23:08:54

标签: reactjs typescript react-select formik

我正在尝试将React-Select v2包装为我的自定义组件并与formik集成,我无法将value作为字符串道具传递,而onChange也不能。

我的选择组件

interface Props {
    ...
    selectedValue?: string;
    onChange: ChangeEventHandler;
    ...
}
const SelectReact: React.FunctionComponent<Props> = (props) => {

    return (
        <Select ... value={props.selectedValue} onChange={props.onChange} ... />

    )
};

export default SelectReact;

我想对React-Select和Formik做些什么, 但现在收到错误消息

<Formik ... >
            {
                (formProps: FormikProps<TaskFormValues>) => (
                    <form onSubmit={formProps.handleSubmit}>

                        <SelectReact value={formProps.values.value}
                          onChange={formProps.handleChange}
                           ...
                        />
                        <div>
                         //Save Button 
                        </div>
                    </form>
                )}
        </Formik>

欢迎任何想法,谢谢!!!!

1 个答案:

答案 0 :(得分:0)

Formik GitHub page包含在表单库中实现react-select的示例。您应该在那寻找指导。