react腳手架工具創(chuàng)建出來的my-project里面 App.js 語法跟視頻中不一樣
以下是我的腳手架工具創(chuàng)建出來的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
老師創(chuàng)建的項(xiàng)目中 react 版本是 16.4.1。
我按照老師講解的命令創(chuàng)建出來的和你發(fā)出來一樣。查看 react 版本是 17.0.2 。
代碼結(jié)構(gòu)應(yīng)該是和 react 的版本有關(guān)。
2020-10-09
我記得是有狀態(tài)和無狀態(tài)的區(qū)別，直接function出來的是無狀態(tài)組件，通過class類繼承出來的是有狀態(tài)組件，對(duì)于hello word來講無所謂，都一樣