react如何将组件放到其他容器

如何使创建的组件塞到一个指定的容器而不是被引用的容器当中？做一个下拉选择框的组件，但是这个选择的面板不能被创建到被使用的容器当中，而想要塞到body层当中，如何办到呢？父组件: render(){ return (<XXX />) } 子组件： render(){ <div >这个div必须放到body层，而非父组件容器类</div> }

HugoJing 1楼•8 年前

import { render } from 'react-dom'

let div = document.createElement('div')
div.id = 'modal'
const body = document.body
body.appendChild(div)

const dom = (
	<div className = { localStyle.modal }>
	......
	</div>
)
render(dom, div)