我设置全局的_list 数组就搞定了，谁能告诉我费力气绕弯写代码的好处！！！
你看我这样直接把_lists=[]写到外面不是很简单吗，为什么还要用Flux.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../build/react.js"></script>
<script src="../build/JSXTransformer.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/jsx">
var _lists=[];
var LikeButton = React.createClass({
handleClick: function(e) {
var v = this.refs['myTextInput'].getDOMNode().value;
_lists.push(v);
this.setState({
lists: _lists
});
},
render: function() {
var lists = _lists;
var i=0;
return (
<div>
<ol>
{
lists.map(function (list) {
i++;
return <li key={i}>{list}</li>
})
}
</ol>
<input type="text" ref="myTextInput" placeholder="input fuck there" />
<button onClick={this.handleClick}> Add Fuck </button>
</div>
);
}
});
React.render(
<LikeButton />,
document.getElementById('example')
);
</script>
</body>
</html>
站内很多相似的问题，题注可以去找找。 去看看flux的思想和它解决的实际问题，别盲目吐槽...
当你有一堆组件的时候，数据的存储，事件传递，用你这种写法，那就是噩梦
编写更大规模的应用程序是Flux的好处就会体现出来，更好的管理数据,更清晰的程序逻辑。
我认为它的目的在于让开发者感受Flux，而不是让开发者学习开发一个Todo App。