twitter-bootstrap - React-strap 重命名组件

Question

在 React-strap 中，组件默认名称为“Example”。有人可以向我解释为什么我会收到以下重复错误，

模块构建失败：D：/workspace/html5/rnd/react/scotch-io-routing-react/src/bsp/nav.component.jsx：重复声明“Nav”

如果我对导航栏组件执行此操作：

//in bsp/nav.component.jsx
export default class Nav extends React.Component {
  constructor(props) {
    super(props);

    this.toggle = this.toggle.bind(this);
    this.state = {
      isOpen: false
    };
  }
  ...

将其更改回示例，一切都很好。我试图了解我在这里做错了什么，它与继承有关吗？

我欠你一杯咖啡！

Answer 1

我怀疑组件名称 Example 有什么特别之处。

我认为您会发现将组件名称更改为 MyNav 之类的名称也可以。

ReactStrap 组件 Nav 很可能是错误的原因。