为什么我生成的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就可以:

http://img.mukewang.com/climg/60a72f1709b0b3d602630105.jpg

之后课程中的代码,都写成与视频中的一样就可以。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程