react-jss не кеширует классы css

Я использую список Mui (material ui), а в ListItem у меня есть настраиваемый компонент, который немного сложен (имеет другие компоненты + состояния, может сворачиваться или расширяться и т. Д.).

Я использую response-jss (injectSheet (styles) (component)), и я вижу, что для каждого элемента, который я добавляю в список, есть новый Css, который вводится в заголовок страницы. Я думал, что в react-jss добавлено кеширование, но похоже, что я ошибался.

Не могли бы вы посоветовать, как я могу кэшировать Css с помощью response-jss? Кроме того, если это не вариант, и мне нужно использовать плагины jss +, тогда поможет пример настройки jss с плагином кеширования.

Спасибо за помощь!


person Community    schedule 26.05.2018    source источник


Ответы (1)


Статические стили, введенные через response-jss, повторно используются между всеми экземплярами компонентов. Если вы используете значения функций (динамические стили), повторного использования не будет, так как вы можете иметь разные значения для каждого элемента.

person Oleg Isonen    schedule 26.05.2018