Size: a a a

React: русскоязычное сообщество

2021 June 22

JK

John Kanegem in React: русскоязычное сообщество
Всем привет, как правильно стилизовать компонент что бы в разных родителях он выглядет по разному?

Сейчас есть условный title  <Title customClass={'title} title={"Редактировать задачу"} />

Куда я через prop передаю класс, который уже стилизую в компоненте title, в css-modules. И так у меня в этом модуле копятся стили, от разных компонентов родителей
источник

JK

John Kanegem in React: русскоязычное сообщество
Это правильный подход?
источник

JK

John Kanegem in React: русскоязычное сообщество
Сам компонент выглядит так:

export const Title = ({ title }) => {
 return <h1 className={cn(styles.defaultTitle, {
   [styles[props.customClass]]: props.customClass
 })}>{title}</h1>;
};

Где, в пропы приходит кастомный класс, который позволяет мне гибко настраивать стили.
источник

V

Vlad in React: русскоязычное сообщество
await внутри консоль лога, через жопу как-то
Сам консоль лог же синхронный
Куда логичнее подобное расписывать через цепочку then
Понятнее и чище
источник

A

Aleksandr in React: русскоязычное сообщество
Вполне правильный подход
источник

JK

John Kanegem in React: русскоязычное сообщество
Спасибо👍
источник

Б

Бонжурик драсте... in React: русскоязычное сообщество
Вопрос по effector:

Корректно ли хранить store и используемые у него event'ы в одном файле?
источник

K

Karvackyy Roma in React: русскоязычное сообщество
Думаю корректней задать этот вопрос в чатик по эффектору
источник

A

Aleksandr in React: русскоязычное сообщество
Не сильно упростит работу, разрастется файл
источник

A

Aleksandr in React: русскоязычное сообщество
вполне нормальный вопрос для чата
источник

K

Karvackyy Roma in React: русскоязычное сообщество
Шансов на ответ больше всё равно)
источник

В

Влад in React: русскоязычное сообщество
коллеги, подскажи плиз. такая проблема. Есть поле дата <Field type="date"> У него есть label={'имя'}. Так вот, когда открываю форму этот лейбл наслаивается на поле. И получается наложение одного на другое - фигня нечитаемая. Но когда нажму на поле, этот лейбл отъезжает вверх и все ок сразу. Может кто знает как сделать чтобы лейбл изначально был сверху?
источник

A

Aleksandr in React: русскоязычное сообщество
плейсхолдер убрать, или value правильное задать
источник

В

Влад in React: русскоязычное сообщество
да, это как вариант просто свеху h3 поставить и все
источник

A

Aleksandr in React: русскоязычное сообщество
не вариант, если там уже он есть, все должно быть норм
источник

В

Влад in React: русскоязычное сообщество
нету там его, я просто хотел за счет label показать что за поле. Либо label удаляю и вместо него сверху h3
источник

A

Aleksandr in React: русскоязычное сообщество
он уезжает на верх ты говоришь, значит на него как минимум анимация приплена
источник

В

Влад in React: русскоязычное сообщество
да, это стандартный Material UI компонент - тамж все из коробки
источник

A

Aleksandr in React: русскоязычное сообщество
ну вот, значит все там хорошо работает без всяких h3
источник

В

Влад in React: русскоязычное сообщество
коллеги, подскажите плиз. Нужно выпилить Formik из формы. Не подскажете, что в реакте взять вместо нее?
источник