react-native实现插槽功能

this.props.children 属性表示组件的所有子节点。利用this.props.children可以实现插槽功能。

class Index extends React.Component{
  render(){
    return <View>
      <Sub color="red">
        <View><Text>++++++++</Text></View>
      </Sub>
    </View>
  }
}

class Sub extends React.Component{
  render(){
    return <View>
      <Text style={{color:this.props.color}}>子组件</Text>
      {this.props.children}
    </View>
  }
}