react 基础理解3

3. React 之 组件复合

• React 官方说任何一个能用组件继承实现的，用组件复合都可以实现
• 组件复合类似于在 Vue 里面使用的组件插槽

import React from 'react';

function PublicComponent(props){
    return (
        <div>
            {/*类似于vue中的匿名插槽*/}
            { props.children }
            {/*类似于vue中的具名插槽*/}
            <>
                { props.footer }
            </>
        </div>
    )
}

export default function App() {
    const footer = (
        <div>尾部</div>
    )
    return (
        <PublicComponent footer={footer}>
            <div>插槽中间的内容</div>
        </PublicComponent>
    )
}