React中的命名和匿名导出

Question

将反应组件导出为命名组件（方法1）与匿名组件（如果它被调用的方式）之间存在差异（方法2）

方法1：

class MyClass extends React.Component {
  render() {
    return <div>Named Export</div>
  }
}

export default MyClass

方法2：

export default class extends React.Component {
  render() {
    return <div>Anonymous Export</div>
  }
}

React会以不同的方式对待这两者吗？

Answer 1

这两者都没有什么不同。它们都是相同的，但对于基于连接的组件，你应该使用这种格式：

class Test extends Component {
  render() {
    return (
    );
  }
}
export default connect(Test)

Answer 2

每个文件只能有一个默认导出。在React中，它是从文件中导出一个组件的约定，并将其导出为默认导出。 如果在声明后导出组件，则没有区别。