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

Question

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

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

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

Answer 1

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

结帐this codesandbox example。

Answer 2

好吧，如果您想让您的复选框可重用组件，您应该这样做，那么您必须将状态保留在您的复选框组件中，并期望从您想使用该复选框组件的任何地方都有一个 onChange 事件处理程序。