React复选框组件:我应该在哪里保存状态更改？

Question

在react-table中，我制作了一个自定义drop-down-menu组件，当用户单击列的标题时会出现该组件。

​

​

当用户单击“选择列”选项时，会出现带有复选框选项的模式，用户可以在其中选择要显示或隐藏的列。

​

​

这种带有复选框选项的模式在下拉菜单组件中。问题是，我无法找到处理状态更改的最佳方法。我应该在两个组件(表组件和下拉菜单组件)上保留状态更改吗？我该用redux吗？我将使用许多表，所以列的总数将非常大。我对这一切真的很困惑。

Answer 1

你应该有一个真相的来源。由于表将需要此信息，因此应该将其保存在表中并传递给下拉菜单组件。

退房这个代码框示例。

Answer 2

好的，如果您想要使复选框可重用组件(这是您应该做的)，那么您必须将状态保留在复选框组件中，并希望无论您想要使用该复选框组件的地方提供一个onChange事件处理程序。