React中的命名导出和匿名导出

Question

将react组件导出为命名组件(方法1)和导出为匿名组件(如果它被称为匿名组件)(方法2)有区别吗？

方法1：

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

export default MyClass

方法二：

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

React是否以不同的方式对待这两个？

Answer 1

这两个these.They没有什么不同，它们的工作方式是相同的，但是对于基于连接的组件，您应该使用以下格式：

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

Answer 2

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