导出默认类页面或导出默认应用程序

Question

我想知道Reactjs中的示例一和示例二之间有什么区别。

示例一

 export default class Page extends React.Component{
    constructor(props) {
            debugger
            super(props);
        }
    }

示例二

class Page extends React.Component{
constructor(props) {
        debugger
        super(props);
    }
}
export default Page;

Answer 1

这两个例子几乎没有区别。 它们的写法不同。

如果你修改这些例子，你会发现它们之间存在更大的差异（但它们的工作原理相同）

示例一

export default class extends React.Component {
    constructor(props) {
        debugger;
        super(props);
    }
}

示例二

class Page extends React.Component {
    constructor(props) {
        debugger;
        super(props);
    }
}

export default Page;

现在你可以看到，示例一个类的名称是多余的 - 这是简写。