react-state的问题

发布时间：2020-12-15 06:32:43 所属栏目：百科来源：网络整理

导读：react-state的问题 1、setState是异步的，在调用了setState之后，this.state的值并没有立即改变，可能还是使用原来的值。 !DOCTYPE html html lang = "en" head meta charset = "UTF-8" title 测试state / title script type = "text/javascript" src = "bow

react-state的问题
1、setState是异步的，在调用了setState之后，this.state的值并没有立即改变，可能还是使用原来的值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试state</title>
    <script type="text/javascript" src="bower_components/react/react.js"></script>
    <script type="text/javascript" src="bower_components/react/JSXTransformer.js"></script>
</head>
<body>

    <div id="app"></div>
    <!-- 遗留问题！！！ -->
    <script type="text/jsx"> var MessageBox = React.createClass({ handleClick:function(){ this.setState({ clickCount: this.state.clickCount + 1,clickContent: '你一共点击了'+this.state.clickCount+'次' }); },getInitialState: function(){ return { clickCount: 0,clickContent: '你还没有点击哦' } },render: function(){ return ( <div> <h3>点击下面按钮：</h3> <button onClick={this.handleClick}>点击我</button> <div>{this.state.clickContent}</div> </div> ); } }); React.render( <MessageBox />,document.getElementById('app') ); </script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!