javascript - 如何通过子组件更改父组件的状态
本文介绍了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屋!
查看全文