javascript - 导出默认类Page 或导出默认App

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;

现在您可以看到，在示例一中，类名称是多余的 - 它是简写。