zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    git 学习
    C语言 do while 语句
    C语言 计算班级平均成绩以及不及格的人数
    C语言 加减算法
    C语言 两个日期间的天数计算
    C语言 梯形面积
    C语言 while语句
    C语言 分段函数if else语句
    C语言 乘法运算
    C语言学习,for循环
  • 原文地址:https://www.cnblogs.com/liumcb/p/6475623.html
Copyright © 2011-2022 走看看