React之父组件向子组件传值

时间：2019-09-03 22:21:49 阅读：125 评论：0 收藏：0 [点我收藏+]

class Parent extends React.Component{

constructor(){

super();

this.state={co:"red"}

}

render(){

return(

)

}

class Child extends React.Component{

constructor(props){

super(props);

}

render(){

return(

<div style={{color:this.props.color}}>我是子组件，想要变红色</div>

)

}

ReactDOM.render(

<Parent />,

document.getElementById(‘box‘)

);

state状态只能内部更改，而props可以接取外部数据，因此在子组件内用状态定义传出值，在父组件用this.props.color接收值

结果如下图：

原文地址：https://www.cnblogs.com/toMe-studio/p/11455863.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行