Проблемы в выбранном свойстве MenuItem Material-UI - PullRequest
1 голос
/ 29 марта 2019

Свойство selected из MenuItem не работает в Select. Пожалуйста, проверьте https://codesandbox.io/s/9j8z661lny

Я попытался сравнить, используя Id, также вы можете написать только selected={true}, и он не пометил слова, которые уже выбраны

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

Заранее спасибо за ваше время. С наилучшими пожеланиями

1 Ответ

0 голосов
/ 29 марта 2019

Вам не нужно ничего делать с опорой selected на MenuItem - она ​​устанавливается автоматически. Вам нужно, чтобы значение MenuItem соответствовало значению в массиве значений Select.

В настоящее время вы используете объекты в качестве значений. Material-UI поддерживает использование объектов, но проверка на равенство будет работать, только если вы используете точно такие же объекты (=== должно быть true) для выбранных значений и значений MenuItem.

В вашем случае у вас есть два набора объектов - один для выбранных групп (передается как значение Select) и один для полного набора групп (используется для значений MenuItem). Хотя два набора объектов содержат совпадающую информацию, ни один из объектов из полного набора не будет равен (===) ни одному из объектов в выбранных группах.

Я рекомендую использовать только "id" для значений. Затем, чтобы получить Chip s для выбранных вами значений, вам просто нужно найти группу по ее идентификатору.

Вот рабочий пример, основанный на вашей песочнице:

Edit Issues in Selected property

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...