react如何将组件放到其他容器
发布于 8 年前 作者 binyar 2981 次浏览 来自 问答

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

1 回复
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)
回到顶部