react中的children使用方法

標籤：turn   child   def   end   component   來替   xtend   rop   exp   

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