export default class Page 或 export default 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;

现在您可以看到，在 示例 1 中，class 的名称是多余的 - 它是 shorthand。

export default class Page Or export default App