React jsx-修改事件状态

import React from "react"


class Test extends React.Component {
  state = {
    name: 'zhangsan'

  }
  ChangeState = () => {
    this.setState({
      name: 'lisi'
    })
  }
  render () {
    return (
      <div> this is test
        当前name为：{this.state.name}
        <button onClick={() => {
          this.ChangeState({

          })
        }
        }>改变name</button>


      </div>

    )
  }
}

/**
 * 总结
 * 1.编写组件就是编写js类或函数
 * 2.定义状态必须通过state实例属性的方法 提供一个对象 名称是固定的 就叫state
 * 3.修改state中的任何属性都必须通过setState，不能直接赋值，这个属性来自继承得到
 * 4。这里的this关键词，很容易出现指向性问题，上面的写法是最推荐的和最规范的
 * 
 * 
 * 
 * 
 * 
 * 
 */


function App () {
  return (
    <div className="App">
      <Test />
    </div>
  )
}

export default App