导入具有两个或多个不同名称的默认 React 组件

Question

我想做的事情：在一个文件 中导入相同的默认组件两次或多次。我想这样做的原因是因为组件是相同的，我只需要名称差异以使其更具可读性。

我所做的： 从'./input'导入ToInput；从'./input'导入FromInput；

有正确的方法吗？它有效，但 ESLint 抱怨重复导入。

Answer 1

import Input as MyInput from './input';
import Input as MySecondInput from './input';

现在您可以将该组件用作 MyInput 或 MySecondInput，因为两者都是同一组件的引用或实例。