ReactSelect - closeOnMenuSelect закрывает меню при выборе, даже если установлено значение false - PullRequest
Новая
       9

ReactSelect - closeOnMenuSelect закрывает меню при выборе, даже если установлено значение false

0 голосов
/ 18 июня 2019

У меня есть react-select компонентное поле.Я предоставил react-select следующие реквизиты closeOnMenuSelect={false} && isMulti.Что теоретически должно заставить компонент select не закрывать меню при выборе элемента, но по какой-то причине он закрывается.

Очень странно то, что везде я использовал ту же самую конфигурацию для компонента select Iзаставить его работать просто отлично.

Вот конфигурация 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 работает без сбоев?

Я обновил описание, чтобы показать, что реагирующий выбор обернут в поле Formik.Как я уже сказал, это метод, который я использовал в других частях своего кода, но этот не работает.

...