是否可以用React替换DOM元素？

Question

我想使用React渲染<section>元素，但仅限于满足某些条件。

问题是我无法将<section>嵌套在<div>所以<body>之外的最高级DOM元素是<section>

我的HTML：

<section id="my_element"></section>

我的反应：

ReactDOM.render(
  <div className="container">
    ...
  </div>,
  document.getElementById('my_element')
);

我知道使用Angular指令，您可以使用replace: true替换原始DOM元素和渲染元素

app.directive('myElement', function(){
  return {
    replace: true,
    ...
    }
  };
});

在React中有类似的东西吗？

Answer 1

目前尚未实施： https ： //github.com/facebook/react/issues/1311

StackOverflow问题有一个解决方法：
React.render替换容器而不是插入
解决方法涉及创建临时div，然后替换节点。

Answer 2

你可以使用一些案例来达到这个目的。 我更喜欢这样做：

render(){
return [<div>test</div>, <div>test2</div>]
}