react传值--父->子

react的的父子传值并不难

1.在父组件中调用子组件
2.在子组件上绑定名称(name)  写入须要传的值  

3.在子组件中就能够取值了 语法:this.props.name

我为了区分,绑定的名字是name1

父组件 

 

class ParentList extends React.Component{
				 constructor (){
					 super()
					 this.state = {
						 name:'parent',
						 age:50
					 }
				 }
				 render(){
					 let {name,age}=this.state;
					 return(
						<div>
							<p>我是{name},我今年{age}了</p>
							<Child name1={name} age1={age} />
						</div>
					 )
				 }
			 }复制代码

子组件

class Child extends React.Component{ 
    render(){
	 return(
		<div>我是儿子,接手父亲传过来的值{this.props.name1}---{this.props.age1}</div>
		 )
    }
				 
}复制代码

渲染

ReactDOM.render(
          <ParentList />,
          document.getElementById("my")
        );复制代码