Flux todoMVC 为什么要费那么多力气实现一个功能!!!!,这样的的好处是神马?
我设置全局的_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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
站内很多相似的问题,题注可以去找找。 去看看flux的思想和它解决的实际问题,别盲目吐槽...
我认为它的目的在于让开发者感受Flux,而不是让开发者学习开发一个Todo App。
编写更大规模的应用程序是Flux的好处就会体现出来,更好的管理数据,更清晰的程序逻辑。
当你有一堆组件的时候,数据的存储,事件传递,用你这种写法,那就是噩梦