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

Question

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

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

带有复选框选项的此模式位于下拉菜单组件中。问题是我不知道哪种是处理状态更改的最佳方法。是否应该在两个组件（表组件和下拉菜单组件）上保持状态更改？我应该为此使用redux吗？我将使用许多表，因此列的总数将非常大。我真的对这一切感到困惑。

Answer 1

您应该有一个真理之源。由于表将需要此信息，因此应将其保存在表中并传递到下拉菜单组件。

结帐this codesandbox example。

Answer 2

好吧，如果要使复选框可重用组件（应具有的功能），则必须将状态保留在复选框组件中，并希望从任何要使用该复选框组件的位置获取onChange事件处理程序。