react组件通信之 props.children

·  阅读 590

父组件:

import React, { Component } from 'react';
class Test extends Component{    
    render(){        
        return(            
            <div>                
                <Person name='张三' count='111'>欢迎呀</Person>                          
            </div>        
        )    
    }
}
export default Test;复制代码

子组件:

import React from 'react'
const Person = (props) => {    
    return (        
        <div className="person">            
            <p 大家好,我是{props.name},我的年龄{props.count}</p>     
            <p>{props.children}</p>                
        </div>        
    )
}
export default Person;复制代码


欢迎来访问我的博客呀:blog.csdn.net/Miss_liangr…


分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改