React 为什么仍然将函数传递给组件？

Question

我只是想知道，为什么我们在一个地方定义每个组件函数（例如 index.js），然后将这些函数传递给组件？这有意义吗？

例如，我想为列表按钮组件定义一个单击处理程序，并为某些表单按钮组件定义另一个单击处理程序，为什么要在一个地方定义它们？分而治之的方法不是更好吗？

我的意思是，为什么我不只是在组件本身中定义我的点击处理程序，它们属于哪里？除此之外，一个地方的所有东西都会变得凌乱且难以维护......

Answer 1

我想为列表按钮组件定义一个点击处理程序，为某些表单按钮组件定义另一个点击处理程序，为什么我要在一个地方定义它们？

由于 React 采用的单向数据流的性质，状态沿着树向下流动，事件（即更改）通过处理程序（例如您提到的处理程序）向上传递。树深处的组件可以（或者更确切地说，应该）只能通过 clickHandlers 等将更改传播回去。

处理程序通常只在少数几个地方一起定义的原因是因为这些地方通常表示共享公共状态的点，因此需要在那里处理更新该状态的事件。