единственный элемент?
Вцелом, да.
Да. Обычно этот элемент содержит в себе кучу других элементов, представляющих собой приложение.
Открой доку, пройди туториал. Потом поймёшь, что встраивать куски реакта в отрендеренное цмской — задача не для начинающего
я прошёл несколько туториалов но пока не понимаю в каком месте документации находится то что мне нужно и как вообще это гуглить
Расскажите нормально свою бизнес-задачу, что вы хотите сделать Может тогда помогут
накинуть хендлеры на кнопки
а результат отработки хендлеров сложить в результирующий блок
Это решение какой-то задачи, вопрос - какой? И почему вы решили использовать реакт для нее?
Это все так же решается, как кажется простым js
Возможно, отрендерить реактом ваши кнопки обработать реактовскими хендлерами какойто результат и прокинуьб его через трансфер, ну к примеру webapi что предоставляет
самый приближенный пример это каталог в магазине. Страницы каталога рендерятся на сервере, т.к. эта информация нужна поисковикам. 1 Внутри дива #catalog есть товары у каждого товара есть кнопка "добавить в корзину + количество элементов для добавления" и при добавлении есть состояние "добавлено" 2 Внутри дива #header есть корзина, которая отображает актуальное состоение - чего в каком количестве добавлено + дублирующие кнопки +/-/удалить к товару на jQuery код для такого функционала получается весьма упоротым
Рендерерите эти элементы реактом, и стейт держите либо на сервере
Так вот, в таком случае вам нужно реакт-приложение - корзина. Все, что в этой корзине происходит - ответственность этого приложения, но эти "товары" и кнопки под ними не надо туда пихать, вы должны наладить общение между существующей страницой и реакт-приложением корзины средствами js.
А-ля "микрофронтенды"😁
как мне в это приложение передавать события с кнопок? как мне на основании состояния приложения менять цвет у кнопок, те передавть состояние обратно из приложения в страницу (на сервере понятно состояние тоже хранится и его можо запросить, эти моменты в туториалах хорошо описаны)
Я делал такую штуку, роллил аппку в либу и устраивал в нужные куски приложения. Лучше использовать stenciljs для такой задачи(имхо)
Вам надо хранить состояние, которое влияет на html страничку вне реакт-приложения вне реакта и работать с ним через js обычный
Слушать ивенты, которые эмитить реактом
вот у меня была задача. если у меня стейт в редаксе значит она вполне решаема навешеньем реактов на каждую кнопочку?
Обсуждают сегодня