react腳手架工具創建出來的my-project里面 App.js 語法跟視頻中不一樣
以下是我的腳手架工具創建出來的my-project中的App.js語法格式
function?App()?{??return?(????<div?className="App">??????<header?className="App-header">????????<img?src={logo}?className="App-logo"?alt="logo"?/>????????<p>??????????Edit?<code>src/App.js</code>?and?save?to?reload.????????</p>????????<a??????????className="App-link"??????????????????>??????????Learn?React????????</a>??????</header>????</div>??);}為什么不是像老師講的下面的格式呢？
class?App?extends?React.component?{....}是什么的版本決定example project的語法格式？
2021-04-03
老師創建的項目中 react 版本是 16.4.1。
我按照老師講解的命令創建出來的和你發出來一樣。查看 react 版本是 17.0.2 。
代碼結構應該是和 react 的版本有關。
2020-10-09
我記得是有狀態和無狀態的區別，直接function出來的是無狀態組件，通過class類繼承出來的是有狀態組件，對于hello word來講無所謂，都一樣