Flux todoMVC 为什么要费那么多力气实现一个功能!!!!,这样的的好处是神马?

citymice
  • 60
我设置全局的_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>
回复
阅读 3.8k
4 个回答

站内很多相似的问题,题注可以去找找。 去看看flux的思想和它解决的实际问题,别盲目吐槽...

我认为它的目的在于让开发者感受Flux,而不是让开发者学习开发一个Todo App。

编写更大规模的应用程序是Flux的好处就会体现出来,更好的管理数据,更清晰的程序逻辑。

imeasyer
  • 3
新手上路,请多包涵

当你有一堆组件的时候,数据的存储,事件传递,用你这种写法,那就是噩梦

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏