如何在ReactJS中将组件追加到HTML文档

时间:2019-03-20 10:15:38

标签: javascript reactjs

我有一个类似的文件

var target = document.getElementById('state')

当我们向另一个div附加id="data"

target.appendChild(document.getElementById('data'))

我想将组件<Test />附加到target。我怎样才能做到这一点?预先感谢。

3 个答案:

答案 0 :(得分:0)

我认为您必须使用循环来渲染或创建类似html的动态元素:

      <dependency> 
        <groupId>com.querydsl</groupId> 
        <artifactId>querydsl-apt</artifactId>
        <exclusions>
            <exclusion>
                <groupId>org.eclipse.jdt.core.compiler</groupId>
                <artifactId>ecj</artifactId>
            </exclusion>
        </exclusions> 
    </dependency>

答案 1 :(得分:0)

我建议以正常的反应方式进行操作。

您愿意做的事情就是使您的网站遭受攻击。

下面是一个示例dangerously example

这就是为什么不这样做react official dangerously

答案 2 :(得分:0)

这不是反应方式,在反应中您使组件具有状态或接收道具。在您的情况下,附加另一个div是有条件的,因此在您的react组件中,您可以维护一个状态,并根据该状态呈现<Test/>组件