好客租房50-通讯的三种方式（父组件传递给子组件）

1父组件提供要传递的state数据

2给子组件标签添加属性 值为state中的数据

3子组件通过props获取父组件传递的数据

//导入react
 import React from 'react'
 import ReactDOM from 'react-dom'
  
 //导入组件
 // 约定1：类组件必须以大写字母开头
 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性
 // 约定3:组件必须提供render方法
 // 约定4:render方法必须有返回值
  
 class Parent extends React.Component {
     state={
         name:"geyao"
     }
     render() {
     
         return (
             <div>
                 父组件:
                 <Child name={this.state.name}/>
             </div>
         )
     }
 }
 const Child=(props)=>{
     return(
         <div>
             <p>子组件要传递的值为:{props.name}</p>
         </div>
     )
 }
 ReactDOM.render(
     <Parent  />,
     document.getElementById('root')
 )

运行结果