Question

我正在尝试将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>

欢迎任何想法，谢谢！！！！

Answer 1

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

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

1 个答案: