react-state的问题
Posted 秋天1014童话
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-state的问题相关的知识，希望对你有一定的参考价值。
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>以上是关于react-state的问题的主要内容，如果未能解决你的问题，请参考以下文章
如何在 scss 文件中的 react-static 构建中设置图像的 url