При чем тут иконки ?

Question

React — русскоговорящее сообщество

Vlad Rassokhin

При чем тут иконки ?

#frontend #javascript #programming #react.js #russian

0

19.05.2023

11 ответов

23 просмотра

Иван Егоров

Vladimir Samoilenko
а ты о чем тогда?

Думаю о том, что styled есть в пакете mui. И нет нужды тянуть библиотеку styled-components. import { styled } from "@mui/material"; export const AttachmentName = styled("span")` color: ${({ theme }) => theme.palette.text.primary}; `;

0

19.05.2023

Vlad Rassokhin Автор вопроса

Иван Егоров
Думаю о том, что styled есть в пакете mui. И нет н...

styled(span)(({theme}) => ({ color: theme.foo, })); Читабельнее же и не нужно на каждое поле колбеки вешать

0

19.05.2023

Vladimir Samoilenko

Vlad Rassokhin
styled(span)(({theme}) => ({ color: theme.foo, ...

Это статический цвет, задал - и забыл. А если в зависимости от состояния цвет определять надо?

0

19.05.2023

Иван Егоров

Vlad Rassokhin
styled(span)(({theme}) => ({ color: theme.foo, ...

Думаю дело привычки + мне не часто приходится вот так докручивать что-то таким образом. Специфика проекта. Но в целом да. Наверное объект удобнее, особенно если в зависимости от флага целую пачку свойств нужно применить.

0

19.05.2023

Vlad Rassokhin Автор вопроса

Vladimir Samoilenko
Это статический цвет, задал - и забыл. А если в за...

styled(span)<{colorGrade: number}>(({theme, colorGrade}) => ({ color: theme.palette.primary[colorGrade] }));

0

19.05.2023

Vladimir Samoilenko

Vladimir Samoilenko
Это статический цвет, задал - и забыл. А если в за...

ну да, тернарку в объекте нарисовал и все

0

19.05.2023