如何在App.js中没有函数的情况下创建React.js应用

고민영*_*고민영 3 reactjs create-react-app

我刚刚输入npx create react app来创建一个React应用,但是由于某种原因,我的App.js是一个函数而不是一个类,例如)

结果:

function App() {

  return ()
Run Code Online (Sandbox Code Playgroud)

我想要类似的东西:

Class app extends components{
   render (return())
}
Run Code Online (Sandbox Code Playgroud)

我可以手动将其写下来,但是我希望在创建应用程序时将类应用程序作为默认应用程序,所以有人可以告诉我这是什么原因吗?

Chr*_*Ngo 5

对于React,这就是开箱即用的。您可以使App.js成为无状态功能组件或类组件。

class App extends React.Component{
   render(){
      return(
        <div>Hello World</div>
      )
   }
}
Run Code Online (Sandbox Code Playgroud)

  • @FaizanMubasher Facebook发现类组件不是非常可重用的,它们缺乏概念化过程中期望的互换性。React开发人员只会将一切都投入状态,最终只会创建巨大的,不可回收的组件。挂钩的想法是,您可以在组件外部推断状态,并在需要时集成它们。这就是Facebook希望随着React的发展而看到的变化。 (4认同)