• react学习


    1、虚拟dom的应用

    已有一个真实dom:<div id="test"></div>

    创建一个dom变量 :var VDom = <h1>hello react </h1>

    再用render函数将虚拟dom渲染到真实dom中去

    ReactDom.render(VDom,document.gertelementbyid(‘test’))

    2、依赖babel工具,可以将jsx语法转换为js语法

    要依赖的文件

     3、分别用js语法和jsx语法去使用虚拟dom,一个是js类型,一个是Babel类型

    to....是一个函数转换为大写小写

    {函数以及变量要用大括号包裹起来}

     4、添加断点的代码方式

     5、jsx就是javascript xml

    6、如何对列表进行渲染,vue中有v-for,而react只能用js的语法去编写

    变量记得用大括号包裹起来

    也就是如何将一个数据的数组转换为标签的师数组,使用map()

     7、react的自定义组件,是怎么写的?与vue的自定义组件有什么区别?

    首先是静态的组件

    有两种方法,第一种是js方法,对应简单组件,第二种是Es6方法,对应的是复杂的组件

     8、用this方法可以打印出组件对象的内容

     9、react组件的state,vue中相当于data属性

    prop代表的是所有标签属性的对象,可以用它去获取标签属性值然后再渲染到自定义组件中 

     construct(prop)从子组件中获取数据

     super(prop)把数据传给react.component

    9、  更新状态,使用this.setstate();

     10、不同方法的this的指向,以及更改自定义方法this的指向

    自定义方法默认指向undefined,render方法指向组件对象

     改变自定义方法的指向

     11、组件有状态就不能用工厂模式,只能用class模式

    12、自定义组件外部传值的方式

     13、vue也有默认值,那react如何指定标签属性值默认值呢?

     14、为了限制别人使用你的组件时的用户输入,可以对输入的标签属性的类型和输入必要性进行限制

     15、用...es6快捷传递属性值

     16、打包与解包

     17、class的写法

     18、react如何获取input框输入的值:用ref

    ref可以获取输入的值,并保存到指定的变量中

    有两种方法

    为什么要保存到this.中,保存到this.中就可以在外面访问到

    紫色的是官方推荐的方法

    refs应该就是所有ref组成的对象

     方法二:用event事件对象的方法获取输入的值

  • 相关阅读:
    Spring框架学习09——基于AspectJ的AOP开发
    Spring框架学习08——自动代理方式实现AOP
    Spring框架学习07——基于传统代理类的AOP实现
    Spring框架学习06——AOP底层实现原理
    Spring框架学习05——AOP相关术语详解
    SpringMVC框架09——@ResponseBody的用法详解
    Spring框架学习04——复杂类型的属性注入
    Spring框架学习03——Spring Bean 的详解
    Spring框架学习01——使用IDEA开发Spring程序
    sqlserver 迁移
  • 原文地址:https://www.cnblogs.com/carry-2017/p/11711922.html
Copyright © 2020-2023  润新知