1

我有一个react-select组件字段。我提供react-select了以下道具closeOnMenuSelect={false} && isMulti。其中，理论上应该使选择组件在选择项目时不会关闭菜单，但由于某种原因它会关闭。

非常奇怪的是，在其他任何地方，我都为选择组件使用了相同的配置，我让它工作得很好。

这是react-select配置：

             <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>
                )}
              />

为什么它不工作？为什么另一个完全相同的配置react-select可以完美运行？

我已经更新了描述，以显示 react-select 包含在 Formik 字段中。正如我所说，这是我在代码的其他部分中使用过的一种技术，但是这个技术不起作用。

4

0 回答 0