我可以将一个函数作为道具传递下来并让它修改子组件中的其他道具吗？

Question

Class＆＃34; App＆＃34;收到两个道具 - isClicked（bool）＆amp;的onClick（FUNC） 我的目的是在单击div区域时在红/蓝文本之间切换。

但是这个逻辑是从另一个类调用的，叫做＃34; Call＆＃34;。调用将初始布尔prop（isClicked）和onClick函数传递给App。

我不明白Call类中定义的onClick（）函数如何修改App.props.isClicked变量。

解决此问题的最佳方法是什么？ 这是我的代码： https://codesandbox.io/s/03m408930w

Answer 1

由于Call是App的父组件，所以你需要做的就是在调用组件时添加isClicked作为prop。我们将isClicked的值存储在组件的状态中。因此，每次点击我们的状态更改都会重新呈现应用程序。

我编辑了你的代码，就在这里 https://codesandbox.io/s/31pl8zp7n1