React之父组件向子组件传值
Posted tome-studio
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React之父组件向子组件传值相关的知识，希望对你有一定的参考价值。
class Parent extends React.Component
constructor()
super();
this.state=co:"red"
render()
return(
<Child color=this.state.co></Child>
)
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接收值
结果如下图：
以上是关于React之父组件向子组件传值的主要内容，如果未能解决你的问题，请参考以下文章