reactjs - 碎片中的门户？

Question

是否可以在ReactDOM.createPortal内部<React.Fragment>与渲染到组件渲染位置的另一个元素一起使用，或者我在这里做错了什么？

class Component extends React.Component{
    render(){
        return (
            <React.Fragment>
                ReactDOM.createPortal(<h1>Hello</h1>, 
                                      document.getElementById('side'))
                <h1>Hello</h1>
            </React.Fragment>
        );
    }
}

Answer 1

React.createPortal是的，这完全有可能，你只需要{}像

class Component extends React.Component{
    render(){
        return (
            <React.Fragment>
                {ReactDOM.createPortal(<h1>Hello</h1>, 
                                      document.getElementById('side'))}
                <h1>Hello</h1>
            </React.Fragment>
        );
    }
}

工作代码框