Javascript 在根元素中混合组件和html

我希望在不进行异步调用的情况下将服务器端数据传递给React组件。 我想知道如何直接从我的html页面构建React应用程序，就像下面写的一样

在我的html中是否有这样的方法：

标题
试验
…（此处可能是其他react组件或html）

React组件不是HTML，不能在HTML页面中使用。JSX语法是

React.createComponent（…）

的语法糖。即使

React.createComponent（…）

可以在

中的HTML中使用，这也没有多大意义，因为React组件应该以

ReactDOM.render

任何方式呈现，以使其有用，而这发生在React应用程序中

另一个问题是，如果在React应用程序中定义了

ReactComponentA

，那么它在全局范围内就不能作为

ReactComponentA

使用

如果应用程序使用数据来避免异步AJAX调用，则可以使用全局变量提供数据：

<script>
window.__APP_DATA__ = {/* provided in server-side template */};
</script>

窗口。uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu；

---

并作为

窗口在应用程序中使用。不能在HTML中使用React组件，因为它们不是HTML。您的情况是什么？我希望在不进行异步调用的情况下将服务器端数据传递给react组件Nesting react components是可行的，很抱歉没有得到您试图实现的目标，那么这是XY问题，应该以另一种方式解决。考虑用这个信息更新问题。从你发布的伪代码中也不清楚它是什么类型的数据。