react组件间通信之属性传值

227 阅读1分钟

父组件:

import React, { Component } from 'react';
class Test extends Component{    
    render(){        
        return(            
            <div>                
                <Person name='张三' count='111' />                
                <Person name='李四' count='222' />            
            </div>        
        )    
    }
}
export default Test;

子组件:

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


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