React——插槽

React也有类似于Vue一样的slot功能。

父组件中:

	...somecode
	render(){
		return(
			<ChildComponent>
				<p>我是插槽1</p>
				<p>我是插槽2</p>
			</ChildComponent>
		)
	}

子组件中在props中的children属性中拿到父组件传递过来的ReactElement。

子组件：

	...somecode
	render(){
	 let { children } = this.props;
		return(
			<div>
				 {children.map((item: any) => item)}
			</div>
		)
	}