首页 > 代码库 > React componentWillUpdate

React componentWillUpdate

2024-11-22 12:33:01   203人阅读

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <script src="http://www.mamicode.com/js/react.js"></script>
  <script src="http://www.mamicode.com/js/react-dom.js"></script>
  <script src="http://www.mamicode.com/js/browser.min.js"></script>
</head>
<body>
<div id="example"></div>

<script type="text/babel">

  var MySwitch = React.createClass({
    componentWillUpdate:function(props,state){
      console.log(state);
    },
    getInitialState:function(){
      return {switch:false}
    },
    handleClick:function(){
      this.setState({switch:!this.state.switch});
    },
    render:function(){
      return <button onClick={this.handleClick}>
        {"当前状态为："+this.state.switch}
      </button>
    }
  })
  ReactDOM.render(
  <MySwitch/>,
  document.getElementById(‘example‘)
  )

</script>

</body>
</html>

React componentWillUpdate


联系
我们