Javascript ReactSelect-closeOnMenuSelect即使设置为false,也会在选择时关闭菜单
我有一个Javascript ReactSelect-closeOnMenuSelect即使设置为false,也会在选择时关闭菜单,javascript,reactjs,react-select,formik,Javascript,Reactjs,React Select,Formik,我有一个react select组件字段。我提供了react-select和以下道具closeOnMenuSelect={false}&&isMulti。理论上,这应该使选择组件在选择项目时不会关闭菜单,但由于某种原因它确实会关闭 非常奇怪的是,在其他地方,我对select组件使用了相同的配置,我让它工作得很好 以下是react selectconfig: <Field name={`${keyField}.${index}.per
react select
组件字段。我提供了react-select
和以下道具closeOnMenuSelect={false}&&isMulti
。理论上,这应该使选择组件在选择项目时不会关闭菜单,但由于某种原因它确实会关闭
非常奇怪的是,在其他地方,我对select组件使用了相同的配置,我让它工作得很好
以下是react select
config:
<Field
name={`${keyField}.${index}.permissions`}
render={({ field: { value, name }, form: { setFieldValue, setFieldTouched } }) => (
<div>
<label htmlFor="namespace-permissions">
Permissions in Namespace <span className="text-danger">*</span>
</label>
<Select
isMulti
closeMenuOnSelect={false}
id="namespace-permissions"
defaultValue={convertNamespaceToDefaultValue(
dependencies.namespacePermissions,
value
)}
options={convertNamespaceToSelect(dependencies.namespacePermissions)}
onChangeCallback={values => {
setFieldValue(name, convertSelectToNamespacesData(values));
setFieldTouched(name, true);
}}
/>
<ErrorMessage name={name} component={FormErrorMessage} />
</div>
)}
/>
(
命名空间中的权限*
{
setFieldValue(名称,ConvertSelecttonNamespacesData(值));
setFieldTouched(名称,true);
}}
/>
)}
/>
为什么它不起作用?为什么另一个react select
上的配置完全相同,但却能顺利运行
我已经更新了描述,以显示react select被包装在Formik字段中。正如我所说,这是我在代码的其他部分中使用的一种技术,但这一种不起作用。您能分享更多的代码吗?“onChangeCallback”调用的函数是什么?您使用的是
closeOnMenuSelect
还是CloseMenuSelect
?因为第一个拼错了,所以我用的是第二个。这些是来自Formik的函数。react select被包装在Formik字段中。但这也不例外。我所有的选择表单都包装在Formik字段中。我将在几个小时内添加更多代码。非常感谢。我已经更新了描述。你能分享更多你的代码吗?“onChangeCallback”调用的函数是什么?您使用的是closeOnMenuSelect
还是CloseMenuSelect
?因为第一个拼错了,所以我用的是第二个。这些是来自Formik的函数。react select被包装在Formik字段中。但这也不例外。我所有的选择表单都包装在Formik字段中。我将在几个小时内添加更多代码。非常感谢。我已经更新了描述。。