React的安装很简单,npm isntall -g create-react-app
创建项目 create-react-app 项目名
state变量渲染,setState修改数据
App.js
import React, { Component } from 'react'
export default class App extends Component {
//state第一种写法
// constructor 方法是类的构造函数,class继承中,子类必须在constructor方法中调用super方法,如果不调用super方法,子类就得不到this对象
constructor(props){
super(props)
this.state={
msg1:'上面说的不对,我是绝世大镁铝,这是大实话',
count:0
}
}
//state第二种写法
// state={
// msg1:'上面说的不对,我是绝世大镁铝'
// }
componentDidMount(){
//setState第一种写法
// this.setState({
// count:this.state.count+1
// },()=>{
// console.log(this.state.count)
// })
// console.log(this.state.count)
//setState第二种写法
this.setState((preState,preProps)=>({
count:preState.count+1
}),()=>{
console.log(this.state.count)
})
}
render() {
const msg='大家好,我是大镁铝'
return (
<div>
<p>下面说的我很赞同</p>
{msg}
<h1>{this.state.msg1}</h1>
<p>{this.state.count}</p>
</div>
)
}
}