javascript - 如何通过子组件更改父组件的状态

查看:100
本文介绍了javascript - 如何通过子组件更改父组件的状态的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

是这样的,我想通过react实现一个点赞技术的功能。

由于点赞里面的计数的数字是由父组件传递给子组件,然后我在子组件上点击按钮,
计数值就应该加或者减少,但是我现在想不到该怎么做。
有人能告诉我一下吗?
就是说我点击了子组件,然后会导致父组件状态更变。
我怎么获得我当前点击的这个组件是父组件里面的哪个状态值呢?

还有就是我怎么获取到当前我点击的组件呢?我想到通过this,但是这个只是获取到当前点击的组件,并不能获得这个组件的key,也就是获取到这个组件的状态,比如我点第一个问题的赞,然后是我怎么给state里面的第一个question加而不是第二个question加。不好意思。。我好像说得有点乱。。


 父组件状态:
  

      {question:{   key:0,
                    title:"llll",
                    content:"sadasdas",
                    desc:"dasdasdasd",
                    count:29
                },
                {   key:1,
                    title:"1223ttl",
                    content:"aaa",
                    desc:"231d",
                    count:10
             }]
             }

解决方案

这个问题这里好多重复问。就是父有个函数,比如计数,通过props传给子,子在点击的时候调用prope进来的函数,函数可以传参数,父就接到了,执行函数,改变state。简称回调

这篇关于javascript - 如何通过子组件更改父组件的状态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆