Аа, типа можно комменты вообще без { } писать?

нет, весь текст внутри jsx тегов он отрендерит

кроме текста в {} который выполнит

а потом отрендерит

А как тогда правильно записать

У меня не компилится если просто <!-- коммент --> писать

{/* бла */}

{/* бла */}

ну нет же

прочитай выше что ему надо

А как можно объяснить, что у меня есть инпут в котором onChange={this.handleChange} handleChange = () => { console.log(123) } И при изменении инпута у меня ничего не происходит. Причем в пятницу все работало

dangerouslySet... единственная надежда )

Bind делал?

Стрелка же

И если бинда нет то в консоли ошибка падает

А как можно объяснить, что у меня есть инпут в котором onChange={this.handleChange} handleChange = () => { console.log(123) } И при изменении инпута у меня ничего не происходит. Причем в пятницу все работало

handleChange(){console.log()}

Так тоже не работает

this.handleChange.bind(this)

тут все ж не ясновидящие сидят )

onChange проверь что событие уходит

зачем бинд если в функции не используется this? какой-то карго-культ начался

Внутри стрелку с консол логом сунь

"в любой непонятной ситуации делай bind"

Не работает, да мистика какая то, в пятницу все работало, щас не работает. Еще стала какая то ошибка падать toISOString is not a function, кто-нибудь сталкивался с этим?

При чем onBlur работает а onChange нет

Не работает, да мистика какая то, в пятницу все работало, щас не работает. Еще стала какая то ошибка падать toISOString is not a function, кто-нибудь сталкивался с этим?

tolSOString не находит функцию.

undefined is not a function ❤️

Ну нет

function is not a function ?

Просто перестал триггериться onChange

Просто перестал триггериться onChange

я первым делом, если что-то перестало триггерится ищу другие ошибки выше или ниже. Если ты говоришь, что есть ошибка по поводу того, что не находит функцию - имеет смысл начать с нее.

Эта ошибка связана с другим местом

да не проще уже выложить код и показать?

согласен, тут без кода очень туманное описание проблемы

Все, я сам долбаеб, криво пропсы прописал и они в инпут не приходили

Когда рефакторил, пропсы не правильно передал))

Опенсорс это любовь

В ридми сделал неделю назад тудулист, чтобы люди понимали че в будущем будет

@ доделай плз

теперь как бездельник выглядишь

Все, я сам долбаеб, криво пропсы прописал и они в инпут не приходили

Используй TypeScript - он сразу красным подсветит в редакторе, если какие-то пропсы забыл или передал лишние или не подходит тип. При рефайторинге много раз спасал

Используй TypeScript - он сразу красным подсветит в редакторе, если какие-то пропсы забыл или передал лишние или не подходит тип. При рефайторинге много раз спасал

Я флоу думаю подключить

Все, я сам долбаеб, криво пропсы прописал и они в инпут не приходили

export class Button extends React.Component<React.HTMLProps<HTMLButtonElement> , {}> {

с этим никогда не потеряешь.

Привет. Столкнулся в вопросом "более правильного" переопределения свойств вложенных компонентов в cssmodules. Допустим у нас есть компоненты Sidebar и Button. Button внутри Sidebar должен быть инлайновым. Решение, которое пришло мне в голову — прокидывать класс button определенный в Sidebar.css. Button.css .Button { display: block } Sidebar.css .button { display: inline-block } Sidebar.jsx <Sidebar> <Button className={ styles.button } /> </Sidebar> Суть в том, что Button не должен быть глобальным, а перебить стили нужно. Насколько неправильно такое решение?

На тайпскрипт инкрементально переехать возможно ? Файл за файлом

И что делать с динамическими модулями

На тайпскрипт инкрементально переехать возможно ? Файл за файлом

Можно.

Привет. Столкнулся в вопросом "более правильного" переопределения свойств вложенных компонентов в cssmodules. Допустим у нас есть компоненты Sidebar и Button. Button внутри Sidebar должен быть инлайновым. Решение, которое пришло мне в голову — прокидывать класс button определенный в Sidebar.css. Button.css .Button { display: block } Sidebar.css .button { display: inline-block } Sidebar.jsx <Sidebar> <Button className={ styles.button } /> </Sidebar> Суть в том, что Button не должен быть глобальным, а перебить стили нужно. Насколько неправильно такое решение?

к сожалению это сложная тема https://github.com/css-modules/css-modules/issues/147

Получается есть возможность часть когда на тайпе часть на тс

к сожалению это сложная тема https://github.com/css-modules/css-modules/issues/147

Да вот читал-читал и в итоге пришел к этому.

Вроде и не костыль, но все же, что-то не то.

То есть и загрузку динамических модулей оставлять на джс?

Да вот читал-читал и в итоге пришел к этому.

для твоей задачи мне больше нравится использовать > * { display: inline-block; }

типа внутри сайдбара будет .SidebarButtonBlock > * { ... }

Ад

Я понял.

Просто передайте проп

Либо сделайте другой компонент

Просто передайте проп

не пойдёт

Либо сделайте другой компонент

Компонент ради другого отображения, как-то не очень.

Либо сделайте другой компонент

это ничего не решит

Просто передайте проп

Как писал выше, прокидываю className.

Это проблема дизайна

Компонент ради другого отображения, как-то не очень.

не, это норм, только не сработает

Это проблема дизайна

это проблема темизации

ERROR: S client not available

Хз о чем ты

Передаешь проп kind="" и стилизуешь исходя из него

ну охренеть, тогда все компоненты должны обрабатывать этот проп и знать как вести себя в разном окружении

лучше почитай https://github.com/css-modules/css-modules/issues/147

Што

В баттон передаешь

Я не хотел разжигать!)

ага, значит баттон должен знать про kind

нахрена? :)

а если у тебя не баттон где-то?

Што

Короче проблема layout-компонентов в том, что часто родитель определяет положение детей

Што

что-что, ты предлагаешь единичное решение для одного случая, а не универсальное

Реал? У тебя часто дизайн меняется от страницы к странице?

причем тут от страницы к странице?

Получается есть возможность часть когда на тайпе часть на тс

То, что на тс, будет выплёвываться в джс и вместе с общим бандлом в итоге собираться.

я правильно понимаю, что имплементация findLastIndex любой коллекции предполагает, что ее обходят справа на лево?

На одной странице Button может быть внутри хедера, внутри формы, внутри таблицы, внутри ещё чего-то Выглядеть должен одинаково, но спозиционирован должен быть по-разному. Где-то его удобно подвинуть float'ом, где-то абсолютным позиционированием, где-то не трогать... Вот это как бы и есть theming

На одной странице Button может быть внутри хедера, внутри формы, внутри таблицы, внутри ещё чего-то Выглядеть должен одинаково, но спозиционирован должен быть по-разному. Где-то его удобно подвинуть float'ом, где-то абсолютным позиционированием, где-то не трогать... Вот это как бы и есть theming

+

Конечно иногда можно просто обернуть в другой элемент. Здорово, если так получится. Но не всегда это сработает

Конечно иногда можно просто обернуть в другой элемент. Здорово, если так получится. Но не всегда это сработает

Когда нет?

И надо ещё иметь в виду, что та же история может быть не только с баттоном, а с любым компонентом

Оверинжиниринг

Решаешь проблемы которые сам придумал себе в будущем

Когда нет?

ну вот когда надо например display: block задать чтобы элемент всю строку занял Тут можно решить, что подобная вариация должна передаваться через проп, и иногда это действительно хорошее решение. Но иногда ты работаешь не со своими компонентами, а с чужими, и тогда проп новый придумать нельзя

Решаешь проблемы которые сам придумал себе в будущем

как видишь проблемы придумал не я

И надо ещё иметь в виду, что та же история может быть не только с баттоном, а с любым компонентом

Я обычно позиционирую, оборачивая этот button в элемент родительского блока

Я обычно позиционирую, оборачивая этот button в элемент родительского блока

и хорошо )

Упустил похоже, где начался диалог)

Но если что - я на твоей стороне!)

Всем привет

Кто юзал redux-saga? Может накидать статеек не начального уровня Мб у кого есть примеры кусков кода с использованием? Буду премного благодарен