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"          href="https://reactjs.org"          target="_blank"          rel="noopener noreferrer"        >          Learn React        </a>      </header>    </div>  );}

为什么不是像老师讲的下面的格式呢？

class App extends React.component {....}

是什么的版本决定example project的语法格式？