Size: a a a

React — русскоговорящее сообщество

2020 August 14

ZS

Znacovean Simion in React — русскоговорящее сообщество
Daniil Tchernyavsky
children - это реакт компонент. Делай реакт компонент и с ним style={calculatedStyle} как и раньше. Или ты хочешь к иному? Если реф, то есть доступ для инлайн стилей
мне нужны стили именно на диве портала а не на children
и калькулироваться они должны соответственно в момент показа портала
реализовываю дропдаун
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Ну ты же в момент когда createPortal вызываешь навешиваешь класс вон выше? https://developer.mozilla.org/ru/docs/Web/API/HTMLElement/style не подходит?
источник

ZS

Znacovean Simion in React — русскоговорящее сообщество
если сделаю так - на 50ой строчке
изменения не будут попадать на див который уже попал в реф
источник

ZS

Znacovean Simion in React — русскоговорящее сообщество
есть вариант так поступить
но не уверен насколько вообще идея устанавливать через style - нормальна и не содержит подводных камней связанных с virtual dom
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Где тут портал создаёшь?
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Короче, давай лучше в песочницу
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Так помогут быстрее
источник

ZS

Znacovean Simion in React — русскоговорящее сообщество
Daniil Tchernyavsky
Где тут портал создаёшь?
портал в jsx уже
источник

ZS

Znacovean Simion in React — русскоговорящее сообщество
Daniil Tchernyavsky
Короче, давай лучше в песочницу
код хотите весь увидеть?
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Znacovean Simion
если сделаю так - на 50ой строчке
изменения не будут попадать на див который уже попал в реф
Пример где не попадает див который уже в портал реф
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Znacovean Simion
есть вариант так поступить
но не уверен насколько вообще идея устанавливать через style - нормальна и не содержит подводных камней связанных с virtual dom
Не вижу тут пока проблем. Возможно кто-то занимался подобным с порталами и скажет точнее.
источник

W

Whole Enchilada in React — русскоговорящее сообщество
Есть размеченный текст в абстрактном синтаксическом дереве, из него надо создать реактовское дерево компонентов.  Рекурсивно дерево скопировать без проблем. Можно как то без рекурсии сделать? Не видел кто нерекурсивный алгоритм копирования дерева?
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Znacovean Simion
если сделаю так - на 50ой строчке
изменения не будут попадать на див который уже попал в реф
Ну в данном случае потому что null поверка в общем. Ну думаю и так понятно. Так что мне кажется второй скрин с релевантным решением
источник

И

Иван in React — русскоговорящее сообщество
Whole Enchilada
Есть размеченный текст в абстрактном синтаксическом дереве, из него надо создать реактовское дерево компонентов.  Рекурсивно дерево скопировать без проблем. Можно как то без рекурсии сделать? Не видел кто нерекурсивный алгоритм копирования дерева?
🤷‍♂️
источник

А

Артур in React — русскоговорящее сообщество
Если у кого то есть ссылка на код новостного сайта на гит хаб скиньте плиз ссылку. Заранее спасибо
источник

W

Whole Enchilada in React — русскоговорящее сообщество
Иван
🤷‍♂️
Да, только присвоить children элементу реакт я не могу
источник

И

Иван in React — русскоговорящее сообщество
Whole Enchilada
Да, только присвоить children элементу реакт я не могу
фигачь React.createElement, как в старые добрые
источник

VP

Vasiliy Pivovarov in React — русскоговорящее сообщество
Всем привет, подскажите пожалуйста как мне сделать валидацию провальной в случае провального запроса к API.
Используется: yup для построения схемы правил для валидатора,  Formik для обработки валидации, React Bootstrap для верстки формы. в status я возвращаю true / false.
источник

W

Whole Enchilada in React — русскоговорящее сообщество
Иван
фигачь React.createElement, как в старые добрые
Так и делаю, конечно. Проблема в том что когда вызываю React.createElement children уже должны быть и дерево выходит надо как то снизу начинать обходить
источник

W

Whole Enchilada in React — русскоговорящее сообщество
еще и смотреть где ветки дерева сливаются
источник