重学react——slot

一、插槽用法

（1）DOM方式

const Wrap1 = (props: any) => {
    return 

        {props.children}
    
;
};



    我是孩子

(2) 对象方式

const Wrap2 = (props: any) => {
    return 

        {props.children.son}
        {props.children.daughter}
    
;
};


    {{
        son: 
我是儿子
,
        daughter: 
我是女儿
    }}

（3）函数方式

const Wrap3 = (props: any) => {
    const info = props.children;
    return 

        {info('lihaixing', 32)}
    
;
};



    {
        (name: string, age: number) => {
            return 

                name: {name} 

                age: {age}
            
;
        }
    }