一、基础知识

1 事件

//1.改变事件内部this指向的问题  bind(this)
render(){
    return (
        //bind(this)改变this关键字的指向
    <div onClick={this.handleClick.bind(this)}>{this.state.msg}</div>
    )
  }
  handleClick(){
    this.setState({
      msg:"change"
    })
  }

//2.使用箭头函数 改变this指向
render(){
    return (
    <div onClick={this.handleClick}>{this.state.msg}</div>
    )
  }
  handleClick=()=>{
    this.setState({
      msg:"change"
    })
  }

2 事件参数

//Tips:传递参数一定加bind  bind(this,params)
render(){
    return (
    <div onClick={this.handleClick.bind(this,"10001")}>{this.state.msg}</div>
    )
  }
  handleClick=(id)=>{
    console.log(id)
    this.setState({
      msg:"change"
    })
  }