Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactSelect-closeOnMenuSelect即使设置为false,也会在选择时关闭菜单_Javascript_Reactjs_React Select_Formik - Fatal编程技术网

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字段中。我将在几个小时内添加更多代码。非常感谢。我已经更新了描述。。