React子组件怎么改变父组件的state
2019-10-25 11:00
1691 查看
原文链接:https://www.mk2048.com/blog/blog.php?id=h012221habaa&title=React%E5%AD%90%E7%BB%84%E4%BB%B6%E6%80%8E%E4%B9%88%E6%94%B9%E5%8F%98%E7%88%B6%E7%BB%84%E4%BB%B6%E7%9A%84state
更多专业前端知识,请上【猿2048】www.mk2048.com
React子组件怎么改变父组件的state
1.父组件
class Father extends React.Component {
construtor(props){
super(props);
this.state={
isRed: 0
}
}
onChangeState(isTrue){
this.setState(isTrue)
}
render(){
<p>颜色:{this.state.isRed}</p>
<Child onClicked={this.onChangeState.bind(this)}/>
}
}
[/code]
2.子组件
class Child extends React.Component {
render(){
<Button onClicked={()=>this.props.onClicked({isRed: 1})}/>
}
}
[/code]
更多专业前端知识,请上【猿2048】www.mk2048.com
相关文章推荐
- VR看房难改变国内房地产市场,看看国外巨头怎么做
- 在改变sql登陆密码后,怎么重新部署Reporting Service
- WIN7安装VS2008出错怎么办(安装Web创作组件时发生了异常)
- 数据源改变后,BarChart组件的运动效果.
- 怎么用代码改变CComboBox的下拉方式?
- React-Native 基础(三) 使用State改变状态
- flex 多 State(场景)下组件不能访问的解决方案
- 四大组件之Activity(上)——Activity的生命周期、系统回收、系统配置改变的影响
- SQL server2000 怎么改变帐号的默认数据库
- 怎么在EXCEL中根据单元格内容来改变颜色
- NGUI实用操练(四)NGUI的Animation组件是怎么用的 之 浅显使用【NGUI2.6.3】
- 组件的prop和state
- React.js 基础入门三 ---组件状态state
- 怎么改变MathJax中的font?从MathJax中平均积分符号说起
- HTML 5终于定稿,八年后我们再一次谈谈怎么改变世界
- HTML5 终于定稿,八年后我们再一次谈谈怎么改变世界
- 怎么改变自定义toast的width和height
- 改变grid列和详细页签中xforms组件的显示效果(数据库中真正保存的可能是编号,页面中展现的是名称[X5])
- 微信小程序中多个button/view组件中进行切换时改变样式
- 解决vue不相关组件传递数据并保存(state),解决报错this.$store.commit is not a function