Redux 中的多重加载

Question

在我的页面上，我有 3 个下拉菜单从 API 中获取数据，我需要为每个下拉菜单加载 3 个。

const {loading, error, watchMakes } = watchMakeList;
const {loading, error, watchModels } = watchModelList;
const {loading, error, watchSize} = watchSizeList;

但我不能这样做，因为我收到一条错误消息，指出标识符 'loading' 已被声明。那么你能给我一个解决这个问题并在多个地方使用加载的想法吗？

Answer 1

您可以像这样重命名那些加载和错误变量：

const {loading: makeListLoading, error:makeListError, watchMakes } = watchMakeList;
const {loading: modeListLoading, error: modeLsitError, watchModels } = watchModelList;
const {loading: sizeListLoading, error: sizeListError, watchSize} = watchSizeList;

Answer 2

您可以像这样分配给新的变量名称：

const {loading: makeLoading, error, watchMakes } = watchMakeList;
const {loading: modeLoading, error, watchModels } = watchModelList;
const {loading: sizeLoading, error, watchSize} = watchSizeList;

Answer 3

尝试将 loading 分配给新的变量名称。这不是 React 中的一个特性。这是 Javascript 解构。

const {loading: newVariableOne, error, watchMakes } = watchMakeList;
const {loading: newVariableTwo, error, watchModels } = watchModelList;
const {loading: newVariableThree, error, watchSize} = watchSizeList;

https://wesbos.com/destructuring-renaming 是关于这个主题的很好的资源。