终于来到了react开发,心里还是比较开心的。
今天就来说说如何在react上面打印第一个hello,world
- 1首先我们可以建立一个react脚手架作为我们的demo
npm install -g create-react-app
create-react-app 你的项目名
安装完成后cd 进去
npm run start
2.然后我们可以尝试删除多余的文件,留下我们的APP.js和index.js里面
- 紧接着我们可以在我们的APP.里面写我们的组件,紧接着我们可以把我们的组件进行导入到index.js里面进行引入,然后我们通过虚拟dom可以进行虚拟映射,从而实现渲染页面
- 可以下APP.JS写如下代码
import React, {Component} from 'react'
class App extends Component {
render() {
return (
<ul>
<li>第一行代码 hello,world</li>
</ul>
)
}
}
export default App
5 我们然后在我们的index.js里面写入一下代码
import React from 'react';
import App from './App';
import ReactDome from 'react-dom';
ReactDome.render(<App></App>,document.getElementById('root'))
紧接着我们可以在命令行输入 npm run start
然后我们可在谷歌浏览器看到一下界面
恭喜你,你已经完成了第一个小代码,编写第一个hello,world是我们对一个新的知识的第一步,从今天开始,正式开始学习react了,希望大家能和我一起进步,之前写的csdn太垃圾了,希望以后共同进步!