Question

我正在使用React.js来渲染我的大部分HTML，这很好用。但是在使用cms框架的部分，这要求每个组件都在cms创建的一些自动生成的html中，我无法在反应代码中生成。示例如下：

反应生成的代码

<div class=“react-component-1”>
    <img src=“foo.png”/>
</div>
<div class=“react-component-2”>
    <p>Some text</p>
</div>

CMS

<div class=“some-generated-value”>
    <div class=“react-component-1”>
        <img src=“foo.png”/>
    </div>
</div>

<div class=“some-generated-value”>
    <div class=“react-component-2”>
        <p>Some text</p>
    </div>
</div>

我的React.js代码基本上包含整个页面的单个组件/容器，然后有许多子组件。我想做的是正常创建React.js组件，但然后以某种方式将每个子进入其相关的div，我可以通过ID解决。是否有可能以某种方式访问这些子组件中的每一个并在相应的自动生成的div中单独呈现它们？我已经尝试在顶级组件上查看由React.createElement创建的对象，但我无法弄清楚如何识别子组件/访问那些属性。

Answer 1

您可以查看ReactDOM.render（）。这允许您将组件单独注入任何您喜欢的容器中。这取决于您使用的React版本。我相信这是14岁以上。此页面介绍了顶级API https://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html

分别渲染每个React.js子组件

1 个答案: