Question

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

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

Answer 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',
  }
}

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

1 个答案: