小白使用React---子组件的状态变化更新到父组件中

我想实现的功能是:

在子组件中点击提交按钮,发送请求成功后,改变父组件show的状态

 

参考资料

 

http://blog.csdn.net/slowlifes/article/details/75330862

https://www.cnblogs.com/lixuemin/p/5754289.html

 

 

。。。。。。。。。。。。。。。。傻子的分割线。。。。。。。。。。。。。。。。。。。。。。。。

 

在搜索了n多资料后,恍然大悟。。。我明明可以把show的状态也写到子组件中,简直了。。。再见

。。。。。还是不是太会。。。。。

现在想实现的是点击表单中一个文字,弹出弹框组件

https://blog.csdn.net/qq_24147051/article/details/80626746 和这篇几乎一样

重点:

在父组件中知道子组件的状态要有2部分

1、组件的状态visible

2、接受子组件的状态变化,并处理

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React组件可以通过props将自身的内容绑定到父组件,并通过props调用组件的方法。首先,在组件的页面初始化完成后,可以使用this.props调用组件的onRef()方法将组件的内容绑定到父组件。具体做法是在组件的componentDidMount()生命周期方法加入以下代码: ``` componentDidMount() { if (this.props.onRef !== undefined) { this.props.onRef(this); } } ``` 这样,组件页面内容就会被成功地绑定到父组件。接下来,组件可以通过this.props调用组件的方法。例如,组件可以使用以下代码触发组件的changeTypeTable()方法: ``` if (this.props.changeTypeTable !== undefined) { this.props.changeTypeTable("666"); } ``` 这样,组件就可以成功地触发组件的方法。另外,组件还可以通过定义绑定方法onRef()来调用组件的方法。在组件页面,可以使用以下代码定义onRef()方法: ``` onRef = ref => { this.child = ref; }; ``` 通过这个方法,组件就可以调用组件的方法了。总结起来,组件可以通过props将自身的内容绑定到父组件,并通过props调用组件的方法;而组件可以通过定义绑定方法onRef()来调用组件的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [React组件间方法调用](https://blog.csdn.net/noeal/article/details/115300055)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值