react组件传参

一、函数组件传参
父组件传给子组件

父组件
 {/* 和vue一样自定义属性传参，接受和vue一样通过props */}
 <One msg={msg}></One>
子组件
子组件（函数组件）
function One(props){
    // one组件所有的属性
    return(
        <div>你好我是one组件
{/* 函数组件的第一个参数就是组件的所有信息 */}
            <p>{props.msg}</p>
        </div>
      
        
    )
}

一、类组件传参

父组件
<Two msg={msg}></Two>

子组件接值
{/* 类组件通过this.props接受父组件传过来的值 */}
 <p>{this.props.msg}</p>