ребят, а так возможно? <Component foo={data} onClick={() => console.log(**сюда нужно прокинуть из этого компонента пропс foo и вывести в сосноль)}> так возможно?

Лишь бы сказать ?

да

да

🌚

ребят, а так возможно? <Component foo={data} onClick={() => console.log(**сюда нужно прокинуть из этого компонента пропс foo и вывести в сосноль)}> так возможно?

const Component = (props) => <div onClick={() => props.onClick(props)} />

const Component = (props) => <div onClick={() => props.onClick(props)} />

ясно, спасибо

его часто не хватает

так вроде там есть кастомный рендерер нынче

я пробовал еще сравнивать id в урле и id в стейте, если равны, не обновлять, так нормально делать?

ну если логика это покрывает

так вроде там есть кастомный рендерер нынче

ну типа это строить свою инфраструктуру и поддерживать её ещё расширять язык разметки markdown Проще взять редактор html

ну типа это строить свою инфраструктуру и поддерживать её ещё расширять язык разметки markdown Проще взять редактор html

и строить структуру вокруг тех же сущностей только в html, и еще хэндлить угрозы с его стороны?) (если мы про кастомные компоненты говорим)

и строить структуру вокруг тех же сущностей только в html, и еще хэндлить угрозы с его стороны?) (если мы про кастомные компоненты говорим)

есть разные фильтры html

Разница вуе или реакт в этом случае ?

Во вью есть двусторонее связывание

Хмм

есть разные фильтры html

а там из коробки, и возвращаются реакт сущности ну, ап2ю, как грится

а там из коробки, и возвращаются реакт сущности ну, ап2ю, как грится

там это где?

там это где?

https://github.com/rexxars/react-markdown

https://github.com/rexxars/react-markdown

я не видел этого; а расширения редактора есть?

https://github.com/rexxars/react-markdown

как в контент вставить видос с ютуба?

я не видел этого; а расширения редактора есть?

idk, пока не видел таких

ну короче, что я имею ввиду: - напиши расширения markdown - добавь поддержку в рендерилку на клиенте - добавь поддержку в редактор в админке - добавь поддержку в миграции (вдруг удалите или измените существующий компонент, нужно изменить значения в базе)

хуки в девтулзах, конгратс

мы с @stuneak немного по другому решили: затащили визуальный редактор, который оперирует абстрактным деревом нод текста, сохраняется всё в json в базе. Рендерится редактором в readOnly режиме

мы с @stuneak немного по другому решили: затащили визуальный редактор, который оперирует абстрактным деревом нод текста, сохраняется всё в json в базе. Рендерится редактором в readOnly режиме

ну вот жсоном тоже рационально, но хтмл - meh

хуки в девтулзах, конгратс

гуд

ну вот жсоном тоже рационально, но хтмл - meh

осталось только типизировать вход json на бекенде

мы с @stuneak немного по другому решили: затащили визуальный редактор, который оперирует абстрактным деревом нод текста, сохраняется всё в json в базе. Рендерится редактором в readOnly режиме

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

а можно как в useEffect запретить апдейт/ререндер компонента?

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

slate?

а можно как в useEffect запретить апдейт/ререндер компонента?

никак

тоесть раз сначала отрендерился и все

тоесть раз сначала отрендерился и все

хочешь запрещать, юзай memo

никак

хуево

хуево

нет.

а можно как в useEffect запретить апдейт/ререндер компонента?

не рендери его в родителе по условию, в чём трабл-то?

а можно как в useEffect запретить апдейт/ререндер компонента?

ты пытаешься переложить опыт с классами на хуки, которые декларативщина (по крайней мере пытаются)

не рендери его в родителе по условию, в чём трабл-то?

трабла в том что дано слайдер

у меня при клике получает c пропа через мап дату навешанную на тот слайд, при клике оно у меня сетСтейтает в app state + реакт-слик слайдит к тому слайду + ререндер порядков дат и все сбивается к хуям

можно конечно отключить slideToOnClick

(в слике оно focusOnSelect)

slate?

Editor.js, кажется

Ребят, я правильно понимаю что если мы хотим передать функцию с аргументом в ребенка, нам надо её обернуть в еще одну функцию

Да, только это не очень хорошо, в метод вынеси

Да, только это не очень хорошо, в метод вынеси

У меня он вынесен в метод

handleComplete и есть тот самый метод

Стрелочную убери

Стрелочную убери

передавать с помощью bind?

А то перерендеры будут

Ребят, я правильно понимаю что если мы хотим передать функцию с аргументом в ребенка, нам надо её обернуть в еще одну функцию

в TodoItem когда вызваешь toggleComplete передавай туда id параметром

Если никак по другому метод не изменить то bind

Если никак по другому метод не изменить то bind

ну если передать что то нужно, стрелочная, либо bind, второе лучше, потому что не вызывает перерендер?

Стрелочную убери

Да

И вот ошибку выплевывает

Метод в студию

Тут не густо

Бинд сделай

This.handler.bind(null, id)

or () => handlename(id) or handleName => (id) => () { ...}

Дак а разве проблема вообще в этом?

Либо в методе (id) => () => {тело метода}

ты не то сделал

Подумай логически че этот байнд будет делать ?

Ну, я о том же

Сравни свой байнд, и тот который тебе посоветывал павел, они различаються, подумай где ще можно байндить. вариантов не много

А, я понял о чем вы

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

Во вью все сделано как для людей

а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}

handleChange = (event: any, group: FilterGroup) => {

а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}

Дефолтное значение для пропа в функции через = присваивается

а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}

Давай подумаем, как ведет себя arrow function при рендере?)

Правда не очень понимаю зачем нужна валидация на event

Ребят, 2к19, хуки же.

Мне событие и какойто обьект передать

а такой вариант норм? onChange={(event: any) => this.handleChange(event, group)}

onChange={event => this.handleChange(event, group)}

Правда не очень понимаю зачем нужна валидация на event

ты наверное имелл ввиду типизация...

я на TS пишу, оттуда и привычка

any by default ?)

глупый вопрос мб. А есть разница в записи?