Вы хотите использовать стороннюю библиотеку «act-picky »для фильтруемого мультиселектного компонента с пользовательским интерфейсом React Material, но это несовместимо с Material Design

Question

Хотите использовать стороннюю библиотеку «реагировать на выбор» для фильтруемого мультиселектного компонента с пользовательским интерфейсом React Material, но несовместимо со стилями дизайна материала

Как оформить любой третийпартийный компонент совместим или имеет тот же внешний вид, что и дизайн материала, есть ли какой-либо способ, иначе некоторые компоненты будут полностью несовместимы с другими компонентами пользовательского интерфейса React Material

Пожалуйста, предложите

Answer 1

Вы можете использовать css и попытаться имитировать стили пользовательского интерфейса React Material, но это будет сложно, особенно из-за того, что вы не имеете полного контроля над html-компонентом мультиселекции.

Гораздо лучшеи, на мой взгляд, решение яснее было бы использовать Material UI Select, который поставляется с самим UI материала. Таким образом, вы не нарушаете свой дизайн. Он также должен соответствовать вашим потребностям, так как имеет множество различных режимов, в том числе один для нескольких значений: https://material -ui.com / components / autocomplete /

Вы также можете попробовать что-то вродеэто:

https://medium.com/@newswim/styling-third-party-components-with-styled-components-d82ac073d423 со стилевыми компонентами: https://www.styled -components.com /