reactjs - 为什么导入的钩子给出错误已经被声明

Question

在我的反应项目中，我导入了这个：

import confirmDialog from '../../components/confirmDialog/ConfirmDialog';

当我添加底线时：

const [confirmDialog, SetConfirmDialog] = useState ({isOpen: false, title: '', subTitle: ''});

我收到以下错误： Identifier 'confirmDialog' has already been declared。

我也confirmDialog像这样在 MyComponet 中使用：

<ConfirmDialog
        ConfirmDialog={confirmDialog}
        SetConfirmDialog={SetConfirmDialog}
      />

标签： reactjsreact-hooksconfirm-dialog

Answer 1

您正在重新声明您导入的组件。您可以通过编辑变量名称来解决此问题

import ConfirmDialog from '../../components/confirmDialog/ConfirmDialog';
...

const [confirmDialogContent, SetConfirmDialogContent] = useState ({isOpen: false, title: '', subTitle: ''});

...

<ConfirmDialog
        ConfirmDialog={confirmDialogContent}
        SetConfirmDialog={SetConfirmDialogContent}
      />