Kurzdor
ребят, а так возможно? <Component foo={data} onClick={() => console.log(**сюда нужно прокинуть из этого компонента пропс foo и вывести в сосноль)}> так возможно?
Daniil
да
🌚
Andrey
его часто не хватает
так вроде там есть кастомный рендерер нынче
Sergey
так вроде там есть кастомный рендерер нынче
ну типа это строить свою инфраструктуру и поддерживать её ещё расширять язык разметки markdown Проще взять редактор html
Andrey
ну типа это строить свою инфраструктуру и поддерживать её ещё расширять язык разметки markdown Проще взять редактор html
и строить структуру вокруг тех же сущностей только в html, и еще хэндлить угрозы с его стороны?) (если мы про кастомные компоненты говорим)
Volodymyr
Разница вуе или реакт в этом случае ?
Во вью есть двусторонее связывание
Daniil
Хмм
Andrey
есть разные фильтры html
а там из коробки, и возвращаются реакт сущности ну, ап2ю, как грится
Andrey
там это где?
https://github.com/rexxars/react-markdown
Sergey
https://github.com/rexxars/react-markdown
я не видел этого; а расширения редактора есть?
Vladimir
https://github.com/rexxars/react-markdown
как в контент вставить видос с ютуба?
Sergey
ну короче, что я имею ввиду: - напиши расширения markdown - добавь поддержку в рендерилку на клиенте - добавь поддержку в редактор в админке - добавь поддержку в миграции (вдруг удалите или измените существующий компонент, нужно изменить значения в базе)
Kurzdor
хуки в девтулзах, конгратс
Sergey
мы с @stuneak немного по другому решили: затащили визуальный редактор, который оперирует абстрактным деревом нод текста, сохраняется всё в json в базе. Рендерится редактором в readOnly режиме
Sergey
ну вот жсоном тоже рационально, но хтмл - meh
осталось только типизировать вход json на бекенде
Китикет
мы с @stuneak немного по другому решили: затащили визуальный редактор, который оперирует абстрактным деревом нод текста, сохраняется всё в json в базе. Рендерится редактором в readOnly режиме
Я где-то видел опенсорс редактор с таким же принципом, в котором каждая штукенция в виде токена хранится, и получается своеобразный массив токенов, только вот я не смотрел как там это дело рендерить
Kurzdor
а можно как в useEffect запретить апдейт/ререндер компонента?
Kurzdor
тоесть раз сначала отрендерился и все
Sergey
Kurzdor
никак
хуево
Sergey
хуево
нет.
Sergey
а можно как в useEffect запретить апдейт/ререндер компонента?
не рендери его в родителе по условию, в чём трабл-то?
Sergey
а можно как в useEffect запретить апдейт/ререндер компонента?
ты пытаешься переложить опыт с классами на хуки, которые декларативщина (по крайней мере пытаются)
Kurzdor
у меня при клике получает c пропа через мап дату навешанную на тот слайд, при клике оно у меня сетСтейтает в app state + реакт-слик слайдит к тому слайду + ререндер порядков дат и все сбивается к хуям
Kurzdor
можно конечно отключить slideToOnClick
Kurzdor
(в слике оно focusOnSelect)
Китикет
slate?
Editor.js, кажется
Vladislav
Ребят, я правильно понимаю что если мы хотим передать функцию с аргументом в ребенка, нам надо её обернуть в еще одну функцию
Павел
Да, только это не очень хорошо, в метод вынеси
Vladislav
handleComplete и есть тот самый метод
Павел
Стрелочную убери
Bogdan
Стрелочную убери
передавать с помощью bind?
Павел
А то перерендеры будут
Павел
Если никак по другому метод не изменить то bind
Bogdan
Если никак по другому метод не изменить то bind
ну если передать что то нужно, стрелочная, либо bind, второе лучше, потому что не вызывает перерендер?
Vladislav
Павел
Да
Vladislav
И вот ошибку выплевывает
Павел
Метод в студию
Vladislav
Тут не густо
Павел
Бинд сделай
Павел
This.handler.bind(null, id)
Leonid
or () => handlename(id) or handleName => (id) => () { ...}
Vladislav
Vladislav
Дак а разве проблема вообще в этом?
Павел
Либо в методе (id) => () => {тело метода}
Leonid
ты не то сделал
Leonid
Подумай логически че этот байнд будет делать ?
Vladislav
Ну, я о том же
Leonid
Сравни свой байнд, и тот который тебе посоветывал павел, они различаються, подумай где ще можно байндить. вариантов не много
Vladislav
А, я понял о чем вы
Павел
Вот из за передачи значений мне во вью единственное что понравилось это кидание события ребенком, удобно
Vladislav
Во вью все сделано как для людей
Denys
а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}
Denys
handleChange = (event: any, group: FilterGroup) => {
Vladislav
а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}
Дефолтное значение для пропа в функции через = присваивается
Leonid
а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}
Давай подумаем, как ведет себя arrow function при рендере?)
Vladislav
Правда не очень понимаю зачем нужна валидация на event
J. A. R. Kotlien
Ребят, 2к19, хуки же.
Denys
Мне событие и какойто обьект передать
Leonid
Правда не очень понимаю зачем нужна валидация на event
ты наверное имелл ввиду типизация...
Denys
я на TS пишу, оттуда и привычка
Leonid
any by default ?)
Denys
глупый вопрос мб. А есть разница в записи?