Reactjs 样板启动文件不同
我正在使用CreateReact应用程序,在Reactjs 样板启动文件不同,reactjs,create-react-app,Reactjs,Create React App,我正在使用CreateReact应用程序,在app.js中创建后,我应该看到类应用程序扩展组件类似于: class App extends Component { render() { return( ; 我将此视为默认设置: function App() { return ( <div className="App"> <header className="App-header"> <img src={log
app.js中创建后,我应该看到类应用程序扩展组件
类似于:
class App extends Component {
render() {
return(
;
我将此视为默认设置:
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>
);
}
export default App;
我遵循一个教程,它清楚地显示了这一点
我使用的是节点v10.15.3的更新版本
还有npm
6.4.1,尽管我不确定为什么语法不清晰,因为它是react
它取决于create react app
的版本(当您使用npx create react app
或类似操作引导应用程序时)并且不在节点上
/npm
/react
版本
您可以这样重新编写:
class App extends Component {
render() {
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>
);
}
}
export default App;