Блог

Главная - Вопросы по программированию - react-multi-select-component работает не так, как ожидалось в IE 11

react-multi-select-component работает не так, как ожидалось в IE 11

#reactjs #npm #internet-explorer-11 #multi-select

#reactjs #npm #internet-explorer-11 #множественный выбор

Вопрос:

Ниже приведен пример кода, этот пример отлично работает во всех других браузерах, кроме IE11. Этот выпадающий список закрывается сразу после его нажатия. Выпадающий список не отображается.

 import React, { useState } from "react";
import MultiSelect from "react-multi-select-component";
const Example: React.FC = () => {
const options = [{ label:"grpes", value: "grapes" },{  label:"mango",value: "mango" }];
const [selected, setSelected] = useState([]);
return (
    <div>
      <h1>Select Fruits</h1>
      <pre>{JSON.stringify(selected)}</pre>
<MultiSelect
        options={options}
        value={selected}
        onChange={setSelected}
        labelledBy={"Select"}
      />
 </div>
  );
};
 
export default Example;

Комментарии:

1. Привет, шанти.энтони, добро пожаловать в Stackoverflow. пожалуйста, поделитесь остальной частью вашего кода?

2. Я обновил код по мере необходимости

3. @Alireza пожалуйста, проверьте обновленный код

4. Не удалось разобраться в проблеме с головы. Кажется, проблема с пакетом также была найдена, но не нашла ничего, что могло бы решить вашу проблему. извините.

5. без проблем, спасибо, что заглянули в это

Ответ №1:

Поскольку react-multi-select-component выпадающий список несовместим с IE , я использовал приведенный ниже выпадающий список, который имеет те же функции, что и react-multi-select-component .

Имя компонента : react-multiselect-checkboxes

https://www.npmjs.com/package/react-multiselect-checkboxes