React简介

一：react全家桶

目录

一：react全家桶

二：React:用于构建用户界面的JavaScript库

三：React特点：

四：元素是构成React应用的最小砖块

五：JSX语法

六：React样式绑定

        1:行内样式：双大括号模板语法的形式

        3：动态绑定样式：在this.state写初始化样式，使用className

 七：React三大核心属性

        1:state:是组件对象最重要的核心属性，它的值是对象{key:value}

        2：props 

        3：refs

---

        1：React基础 2：React-Router 3:PubSub 4:Redux 5:Ant-Design

二：React:用于构建用户界面的JavaScript库

三：React特点：

        1：声明式编码

        2：组件化：组件复用

        3：数据驱动

        4：高效、灵活：提高开发效率

四：元素是构成React应用的最小砖块

五：JSX语法

jsx是JavaScript和xml的简写。他利用Javascript的表现力和类似HTML的模板语法。使HTML文件更容易理解，提高性能

六：React样式绑定

        1:行内样式：双大括号模板语法的形式

                

         2：外联样式：引入.css文件或.scss文件

        

        3：动态绑定样式：在this.state写初始化样式，使用className

                动态绑定样式：可以使用三元运算符，&&运算，数组的形式

        

 

 七：React三大核心属性

        1:state:是组件对象最重要的核心属性，它的值是对象{key:value}

                  ①：组件中render方法this为组件的实例对象

                   ②：组件中自定义的方法this为undefind如何解决？

                               a:.bind()强制绑定this

                                

                               b:箭头函数

         

 

                ③：数据不能直接被修改，需通过this.steState({})进行修改

        

        2：props 

                props是React中属性的简写，是只读属性。它们在整个应用中把父组件的值传给子组件，而子组件的值不能将prop传给父组件，这么做有助于维护单向数据流，用于动态呈现的数据。

        3：refs

                refs是react中引用的简写，有助于存储特定的React元素或组件引用的属性，由组件渲染配置函数返回