1.首先,第一步,用npm下载安装react脚手架
npm i create-react-app-g
2.然后创建项目
create-react-app myreact3.
3.然后进入项目目录
4.启动项目
npm start
在项目里面的js使用下列代码
import React, { Component } from 'react'
export default class App extends Component {
render() {
return (
<div>
<h1>你好 react</h1>
</div>
)
}
}
在项目里面的css文件使用下列代码
.active {
color: #61dafb;
}
然后再js文件中引入css
import React, { Component } from 'react'
{/* 导入css样式*/}
import './App.css';
export default class App extends Component {
render() {
return (
<div>
{/* 添加类名 */}
<h1 className="active" >你好 react</h1>
</div>
)
}
}
进行进行文本渲染
在App.js 中写入数据
constructor(props) {
super(props)
this.state = {
msg: "你好 react"
}
}
在render()的 返回值的中用{}引用数据
<div>
{/* 添加类名 */}
<h1 className="active" >你好 react</h1>
{/* 文本渲染 */}
{this.state.msg}
</div>