为什么我生成的app.js和index.js内容和老师说的不一致呢?
来源:1-4 自由编程
强妹妹7248924
2021-05-21 11:38:52
function App() {
return (
<div className="App">
hello world!
</div>
);
}
export default App;
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
我这个需要怎么使用呢?
1回答
好帮手慕久久
2021-05-21
同学你好,由于react的版本更新了,所以当前版本的react创建出来的项目代码与视频中的不同,不过没关系,同学将自己项目中的代码改成与视频中的代码一致就可以。修改后的代码如下:
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<App />,
document.getElementById('root')
);
App.js:
import React ,{Component} from "react"
class App extends Component{
render (){
return (
<div>hello</div>
)
}
}
export default App
然后将src中,多余的文件删除,只保留App.js、index.js就可以:
之后课程中的代码,都写成与视频中的一样就可以。
祝学习愉快!
相似问题