React jsx-修改事件状态

React jsx-修改事件状态,第1张

import React from "react"


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

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


      

    )
  }
}

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


function App () {
  return (
    
      
    
  )
}

export default App

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/941380.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存