是否有适当的方法来重用 Redux 感知组件？

【问题标题】：Is there an appropriate way to reuse Redux aware components?是否有适当的方法来重用 Redux 感知组件？
【发布时间】：2018-09-30 00:14:40
【问题描述】：

我有一个带有下拉列表的复杂组件和一个使用选择器计算值的表格。我想重用这个组件。有没有合适的方法来做到这一点？

现在我重复使用该组件两次。所以现在当我更改第一个组件中的下拉列表时，第二个组件中的下拉值也在发生变化。

【问题讨论】：

通过添加更多可能是值或函数的道具，使您的组件更具可重用性。这个问题很笼统，您可以在这里发布您的组件吗？

标签： reactjs redux reusability

【解决方案1】：

是的。

在你的 reducer 中，你可以使用不同的函数来管理两个不同的组件。只需提供一个不同的名称。您也可以使用相同的功能，但现在它们可以独立工作。将此作为示例，如果您需要更多信息，请告诉我。

case 'TOGGLE_DROPDOWN_1':
      return {
        ...state,
        toggleDropdown1: !state.toggleDropdown1
      }
case 'TOGGLE_DROPDOWN_2':
      return {
        ...state,
        toggleDropdown2: !state.toggleDropdown2
}

然后在你的行动中

export const toggleDropdown1 = () => {
  return {
    type: 'TOGGLE_DROPDOWN_1',
  }
}

export const toggleDropdown2 = () => {
  return {
    type: 'TOGGLE_DROPDOWN_2',
  }
}

【讨论】：