Size: a a a

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

2020 September 17

АП

Артём Павлюткин... in React — русскоговорящее сообщество
Tim S
{4:4} - SyntaxError {}
ну так это и не json)
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
основной трабл что из try/catch возвращать ничего нельзя
источник

TS

Tim S in React — русскоговорящее сообщество
Мне надо, чтобы и  такое работало
источник

TS

Tim S in React — русскоговорящее сообщество
{4:[1,2,3]} {4} {'x':1} {"x":2}  - валидные
источник

В

Виталий in React — русскоговорящее сообщество
Господа, внимание вопрос!

Есть необходимость написать виджет который является простейшим приложением (запрашивает данные и рисует график). Этот виджет должен использоваться сторонним приложением которому необходимо на странице отрисовывать несколько таких графиков.
widget.init(‘chart 1’, domElement1);
widget.init(‘chart 2’, domElement2);


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

Как это можно сделать?
Или если упростить вопрос: как в реакте рендерить приложение в нескольких узлах?
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
Первые два не валидные))
источник

TS

Tim S in React — русскоговорящее сообщество
Мне просто надо проверить -  является ли инпут валидным объектом
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
ну так {4} это не валидный объект)
Разве нет?
источник

TS

Tim S in React — русскоговорящее сообщество
инвалидный ))
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
Виталий
Господа, внимание вопрос!

Есть необходимость написать виджет который является простейшим приложением (запрашивает данные и рисует график). Этот виджет должен использоваться сторонним приложением которому необходимо на странице отрисовывать несколько таких графиков.
widget.init(‘chart 1’, domElement1);
widget.init(‘chart 2’, domElement2);


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

Как это можно сделать?
Или если упростить вопрос: как в реакте рендерить приложение в нескольких узлах?
ну может как вариант через get получать строку - ID элемента
document.getElementById("root")
источник

TS

Tim S in React — русскоговорящее сообщество
{4:[1,2,3,4]} это же валидный объект
источник

В

Виталий in React — русскоговорящее сообщество
Артём Павлюткин
ну может как вариант через get получать строку - ID элемента
document.getElementById("root")
мой вопрос не об этом. Я спрашиваю «как сделать одно приложение которое одновременно работает в разных DOM структурах?».
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
цикл?
источник

В

Виталий in React — русскоговорящее сообщество
лол
источник

АП

Артём Павлюткин... in React — русскоговорящее сообщество
{"49":[1,2,3,4]} - вот этот валидный будет, ключ не может быть числом
источник

II

Ilya Izilanov in React — русскоговорящее сообщество
Виталий
мой вопрос не об этом. Я спрашиваю «как сделать одно приложение которое одновременно работает в разных DOM структурах?».
возможно нужно смотреть в сторону Portals
источник

II

Ilya Izilanov in React — русскоговорящее сообщество
либо на каждый виджет свой инстанс рендерить
источник

В

Виталий in React — русскоговорящее сообщество
Ilya Izilanov
возможно нужно смотреть в сторону Portals
Нет. Порталы для вставки компонентов в разные части внутри ОДНОЙ DOM структуры.
источник

TS

Tim S in React — русскоговорящее сообщество
Но мне нужно, чтобы и так работало ))
источник

В

Виталий in React — русскоговорящее сообщество
Ilya Izilanov
либо на каждый виджет свой инстанс рендерить
Сейчас сделано так. Да. Но возможно есть способ сделать лучше.
источник