• react.js学习之路二


    看react.js对我来说真的不是难不难的问题,问题是我的思路太难转变了,真是坑死我了,react里面的坑也很多。算了,这些抱怨没啥用,记录一下今天学习的内容。

    今天看了to-do-list经典示例

    总结起来可以概括为

    1.首先划分组件:父组件--子组件

    2.显示数据:创建初始数据,并将数据显示到页面上

    3.创建函数:①:添加函数,输入框中输入数据,显示到页面上

          ②:删除函数,点击删除按钮,将该条数据删除

    代码有很多,一会给一个链接,自己看就行,没必要我重新复制

    其中踩过的坑:

     1. 首先就是版本的不同,所以函数有不同,在例子中使用的是

     this.refs.inputnew.getDOMNode();
    但是,新版本中这个函数不存在,所以要用ReactDOM.findDOMNode(this.refs.inputnew);代替;

    2.就是绑定函数bind(this);
    bind(this)是子组件改变了父组件,利用this来确保指向是正确的,要使用bind(this)来绑定;

    总体来说,学习react的难度不是代码有多难,而是对于经常使用js的程序员来说,这个思路的转变很痛苦
    还有就是在学习中,我一直在找一些小的项目,比如这个to-do-list项目,这样实用性很强的项目 ,但是不太好找,以后我就把这样的项目全部汇总,以便别人找的时候不是那么困难了。



    经典项目一:to-do-list项目

    链接:http://www.cnblogs.com/wangfupeng1988/p/5302738.html

  • 相关阅读:
    C# 中 枚举Enum 一些转换的方法整理
    qt creator源码全方面分析(3-8)
    qt creator源码全方面分析(3-7)
    qt creator源码全方面分析(3-6)
    qt creator源码全方面分析(3-5)
    qt creator源码全方面分析(3-4)
    qt creator源码全方面分析(3-3)
    qt creator源码全方面分析(3-2)
    精校版网络小说下载地址
    qt creator源码全方面分析(3)
  • 原文地址:https://www.cnblogs.com/liumcb/p/6475623.html
Copyright © 2020-2023  润新知