据我所知,它可能是一个坏主意来ReactDOM.render()
成document.body
。但是使用ReactDOM.createPortal()
with有什么问题document.body
吗?
试图寻找当你渲染到身体时 React 变得疯狂的例子,所以我可以用 createPortal 测试它,但我找不到任何。
为了将事情放在上下文中,这是我正在谈论的示例用法:
import React from 'react';
import ReactDOM from 'react-dom';
export default class Modal extends React.Component {
render() {
return ReactDOM.createPortal(
<div className='modalContainer'>
<div className='modalBox'>
{this.props.children}
</div>
</div>,
document.body
);
}
}
这种模式没有遇到任何问题,但我想知道在我开始添加更多库时是否会产生后果。