使用過vue的小夥伴都知道vue中有個slot，也就是插槽，作用就是占位，那麽再react中可以使用children來替代
父組件

render(){
    return( 
        <div>
            <Grid>
                我將被傳遞到Grid組件中
            </Grid>
        </div>
    )
}

子組件

export default class Grid extends React.Component {
    render() {
      return (
        <div>{this.props.children}</div>
      )
    }
}
 

這樣就能夠夠實現slot的功能了。

react中的children使用方法