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

发布于 2022-09-01 15:25:28 字数 1503 浏览 19 评论 0

我设置全局的_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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

歌入人心 2022-09-08 15:25:28

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

花辞树 2022-09-08 15:25:28

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

夏九 2022-09-08 15:25:28

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

惟欲睡 2022-09-08 15:25:28

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文