反应：将模态组件添加到根DOM

Question

是否有一种反应来决定组件的DOM父级？我需要能够添加一个组件，并且它必须驻留在DOM树中并且仍然是内部组件的子代。

类似的东西：

<div className="row">
    <Comp />
</div>

虽然DOM树是

<div id="root">
    <div class="component">
...

用例是一个自定义模式，带有一个叠加层。

Answer 1

这是React门户的经典应用程序：它在选定的DOM节点（父节点）中渲染选定的组件

render() {
  // React does *not* create a new div. It renders the children into `domNode`.
  // `domNode` is any valid DOM node, regardless of its location in the DOM. ( body, a div etc etc )
  return ReactDOM.createPortal(
    this.props.children,
    domNode
  );
}