Реагировать на смешивание компонентов и HTML внутри корневого элемента
Я хочу передавать данные на стороне сервера компонентам React без выполнения асинхронного вызова. Мне было интересно создать приложение React прямо с моей html-страницы, что-то вроде того, что здесь написано.
Есть ли способ сделать что-то подобное в моем html:
<body>
<div id = "root">
<h1>Title</h1>
<ReactComponentA description = "Lorem ipsum">
<div>
Test
</div>
...(maybe other react components or html here)
</ReactComponentA>
</div>
</body>Другими словами, я пытаюсь смешать html и компоненты реакции внутри корневого элемента реакции в моем представлении html.
Надеюсь, я был чист
Большое Вам спасибо
Я хочу передать данные на стороне сервера, чтобы реагировать на компоненты, не выполняя асинхронный вызов
вложение компонентов React возможно, извините, не понял, чего вы пытаетесь достичь здесь
Тогда это проблема XY, которую следует решить по-другому. Попробуйте дополнить вопрос этой информацией. Из псевдокода, который вы опубликовали, также неясно, что это за данные.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Компоненты React не являются HTML и не могут использоваться на HTML-странице. Синтаксис JSX - это синтаксический сахар для React.createComponent(...). Несмотря на то, что React.createComponent(...) можно было бы использовать в HTML в <script>, это не имело бы большого смысла, потому что компоненты React должны быть отрисованы с помощью ReactDOM.render в любом случае, чтобы быть полезными, и это происходит внутри приложения React.
Другая проблема заключается в том, что если ReactComponentA определен внутри приложения React, он не будет доступен как ReactComponentA в глобальной области.
Если приложение заполнено данными, чтобы избежать асинхронных вызовов AJAX, данные могут быть предоставлены с помощью глобальных переменных:
<script>
window.__APP_DATA__ = {/* provided in server-side template */};
</script>
И использоваться внутри приложения как window.__APP_DATA__.
Вы не можете использовать компоненты React в HTML, потому что они не являются HTML. В чем дело?