反应根元素内部的混合成分和html

Question

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

有没有办法在我的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组件内的react root元素。

我希望我很清楚

非常感谢你

Answer 1

React组件不是HTML，因此不能在HTML页面中使用。 JSX语法是React.createComponent(...)语法糖。 即使React.createComponent(...)可以在<script>中的HTML中使用，在那也没有多大意义，因为应使用ReactDOM.render任何方式渲染React组件，以使其有用，并且这种情况发生在内部反应应用程序。

另一个问题是，如果在React应用程序中定义了ReactComponentA ，那么它将无法在全局范围内用作ReactComponentA 。

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

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

并在应用程序内部用作window.__APP_DATA__ 。

反应根元素内部的混合成分和html

问题描述

1 个解决方案

解决方案1
0 2018-11-28 11:40:22

反应根元素内部的混合成分和html

问题描述

1 个解决方案

解决方案1 0 2018-11-28 11:40:22

解决方案1
0 2018-11-28 11:40:22