1. 程式人生 > >react中的children使用方法

react中的children使用方法

小夥伴 export .com default def 來替 port div grid

使用過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使用方法