React的slot插槽

楼主^#

更多发布于：2020-06-29 21:27

React中，类似vue中的slot插槽，代码如下：

&lt;script type="text/babel"&gt;
    class Abox extends React.Component{
        constructor(props) {
        super(props);
    }
    render() {
        return (
            &lt;div className="box1"&gt;
                {
                    this.props.children
                }
            &lt;/div&gt;
        )
    }
 }
    ReactDOM.render(
        &lt;div className="box1"&gt;
            &lt;Abox&gt;
              &lt;p&gt;11&lt;/p&gt;
              &lt;p&gt;22&lt;/p&gt;
            &lt;/Abox&gt;
        &lt;/div&gt;,
        document.getElementById("root")
    )
&lt;/script&gt;

喜欢1

React的slot插槽

最新喜欢：