React之1.1state和setState

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>
    )
  }
}