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

Question

类“App”接收两个道具 - isClicked（bool）和onClick（func）我的意图是在单击div区域时在红色/蓝色文本之间切换。

但是这个逻辑是从另一个叫做“Call”的类中调用的。调用将初始布尔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