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

【问题标题】：Can I pass a function down as props and have it modify other props in the child component?我可以将函数作为道具传递并让它修改子组件中的其他道具吗？
【发布时间】：2018-06-12 00:57:07
【问题描述】：

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

但是这个逻辑是从另一个类调用的，叫做“调用”。调用会将初始布尔属性 (isClicked) 和 onClick 函数向下传递给 App。

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

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

【问题讨论】：

标签： reactjs

【解决方案1】：

由于 Call 是 App 的父组件，因此您只需在调用组件时添加 isClicked 作为 prop。我们将 isClicked 的值存储在组件的状态中。所以每次点击我们的状态都会改变，从而重新渲染应用程序。

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

【讨论】：