react——如何实现插槽传递数据？

import React, { Component } from 'react'
import Cpn from './Cpn'

export default class App extends Component {
    render() {
        return (
            <div>
                <Cpn left={<span>aaa</span>} center={<span>bbb</span>} right={<span>ccc</span>}/>
                <h2>这里是内容</h2>  
            </div>
        )
    }
}

import React, { Component } from 'react'

export default class Cpn extends Component {
    render() {
        const{left,center,right}=this.props;
        return (
            <div className="tabbar">
                <div className="tab-left">{left}</div> 
                <div className="tab-center">{center}</div> 
                <div className="tab-right">{right}</div>  
            </div>
        )
    }
}

其实和父子间属性传递数据一个样子嘛~~~