Bogdan
ну две строчки не так и много если везде писать ее
Таймураз
а есть какой-то смысл?
Если захочется нашаманить что-то для какого-то компонента, что стоило бы применить для всех- придется изменять все копии функции
Алексей
Алексей
это не к mvc, это больше к стрелочке user -> controller
Sergey
Если захочется нашаманить что-то для какого-то компонента, что стоило бы применить для всех- придется изменять все копии функции
поэтому лучше переделать всё на css переменные
и избежать подобных маппингов
Таймураз
поэтому лучше переделать всё на css переменные
и избежать подобных маппингов
Дык ты же и сам маппишь стилевые переменные в своей функции
Sergey
Дык ты же и сам маппишь стилевые переменные в своей функции
ну насколько она будет резюзабельна для других компонентов — это хз
Bogdan
Алексей
Кстати редакс с его стейтом, редьюсерами и экшенами вполне можно назвать некой моделью, а с вью и так всё понятно.
Sergey
а вот относительно типизации, Props - все варианты, которые могут быть? типо border/color, а inner уже все комбинации тем?
Prop это просто имя проперти которую разрешаем использовать в компоненте
Bogdan
Prop это просто имя проперти которую разрешаем использовать в компоненте
Sergey
тебе в @ts_ru
Bogdan
а , бл, тут же нужно описмать то, что вернуть ф-я должна поидее
Mihail
Я так в универе на паскале писал
Sergey
ты color, background, border описал три раза
Китикет
Так же можно сделать indexer iterator с danger, success, primary
Китикет
Но во flow это кривовато работает и не дает intellisense, хз как в ts
Bogdan
keyof typeof TInnerStyle что то такое видел, оно?
Konstantin
Ребят, делал кто-то реплей иконки в NavLink при активном классе?
Sergey
Ребят, делал кто-то реплей иконки в NavLink при активном классе?
нормально вопрос задай, не понятно нифига
Vladimir
https://react.i18next.com/latest/using-with-hooks#using-the-withtranslation-hoc тут пишут что использование классов это legacy cases
это с каких пор так стало?
Konstantin
нормально вопрос задай, не понятно нифига
Оке, сорян)
<Link to="/" activeClassName="active" exact>
Live map
</Link>
Есть линка, она не одна, в каждой линке своя иконка, я использую styled-components, вот компонент Link:
const Link = styled(NavLink)`
display: block;
padding: 10px 0;
padding-left: 36px;
display: flex;
align-items: center;
position: relative;
color: white;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.2px;
line-height: 18px;
text-decoration: none;
background-repeat: no-repeat;
background-size: 20px;
background-position-x: 10px;
background-position-y: 9px;
background-image: url(${({ theme }) => theme.images.map});
&.active {
background-color: ${({ theme }) => theme.colors.blue};
&:after {
clear: both;
transform: translateY(-50%);
position: absolute;
left: 94%;
top: 50%;
width: 0;
height: 0;
content: '';
border-bottom: 7px solid transparent;
border-top: 7px solid transparent;
border-right: 10px solid #ffffff;
}
}
`;
Не могу понять, как можно зареплейсить иконку при активном классе
Bogdan
Китикет
keyof typeof TInnerStyle что то такое видел, оно?
Это что-то типа такого
type ModalStyle = {
[style: InnerStyle]: StyleShape
}
Китикет
Но я не юзер TS)
Bogdan
Konstantin
это обычный css
берешь и реплейсишь css-проперти
Я понимаю, но мне нужно зареплейсить css-проперти, когда я знаю имя картинки, а в этом случае у меня его нет =(
Т.е в Линке я не знаю какое имя картинки мне реплейсить
Bogdan
что то туплю дико
Китикет
Ну типизируй в чате @ts_ru
Sergey
Bogdan
Vladislav
вот еще и минус styles component
Konstantin
а нам откуда узнать?
Просто там, где у меня сейчас стоит .map захардкожено, должны генерится линки исходя из пропсов, допустим:
<Link src=“map”/>
и в стилях:
theme.images[src]
Vladislav
если не знаешь что там должно быть делай просто () => void
Denis 🇺🇦
Tor
Vladislav
такое себе
Bogdan
Maxim
если у меня нет стабильного id для key что вместо этого юзать?
Vadim
если у меня нет стабильного id для key что вместо этого юзать?
индексы. Но только если нет динамики
Mihail
(нет)
Denis 🇺🇦
либа
Vladislav
Любая сортировка\переставление или удаление - и будет провал
все зависит от контекса, конечно
Китикет
nanoid