React
kino2046
这个作者很懒,什么都没留下…
展开
-
React-11:React-redux库
redux强调的是,redux与react并没有直接关系,它是一个独立的JavaScript状态管理库(数据),如果我们希望中React中使用Redux,需要先安装react-redux安装 npmi-Sreduxreact-reduxProvider组件想在React中使用Redux,还需要...原创 2020-03-25 20:15:13 · 148 阅读 · 0 评论 -
React-10:Redux状态管理库(数据)
redux强调的是,redux与react并没有直接关系,它是一个独立的JavaScript状态管理库(数据),如果我们希望中React中使用Redux,需要先安装react-redux知识点-状态管理器-state对象-reducer纯函数- store对象...原创 2020-03-24 16:02:51 · 232 阅读 · 0 评论 -
React-9:通过路由实现排序切换
queryString (查询字符串)通常我们把URL`?`后面的内容称为queryString,在React.js中,我们可以通过`this.props.location.search`来获取,它的值是字符串,格式为:?k1=v1&k2=v2,为了方便操作,我们把它转成对象形式URLSearchParams...原创 2020-03-25 20:14:43 · 279 阅读 · 0 评论 -
React-8:路由React Router
路由当应用变得复杂的时候,就需要分块的进行处理和展示,传统模式下,我们是把整个应用分成了多个页面,然后通过URL进行连接。但是这种方式也有一些问题,每次切换页面都需要重新发送所有请求和渲染整个页面,不止性能上会有影响,同时也会导致整个JavaScript重新执行,丢失状态。SPASinglePage...原创 2020-03-24 16:02:48 · 192 阅读 · 0 评论 -
React-7:组件之生命周期
生命周期所谓的生命周期就是指某个事物从开始到结束的各个阶段,当然在React.js中指的是组件从创建到销毁的过程,React.js在这个过程中的不同阶段调用的函数,通过这些函数,我们可以更加精确的对组件进行控制,前面我们一直在使用的render函数其实就是组件生命周期渲染阶段执行的函数周期分类Reac...原创 2020-03-24 16:02:45 · 203 阅读 · 0 评论 -
React-6:组件之 children
children一个组件通过props除了能给获取自身属性上的值,还可以获取被组件包含的内容,也就是外部子组件,前面我们写的组件更多的是作为一个单标签组件,实际应用中很多组件是双标签的,也就是可以包含内容的,也可称为:容器组件,那么组件包含的内容,我们就可以通过props.children来获取dialog组件c...原创 2020-03-24 16:02:41 · 197 阅读 · 0 评论 -
React-5:组件之 props 验证
props验证随着应用的不断增长,也是为了使程序设计更加严谨,我们通常需要对数据的类型(值)进行一些必要的验证,React.js提供了一个验证库:prop-typesprop-typesprop-types是一个独立的库,需要安装https://www.npmjs.com/package/prop-typ...原创 2020-03-24 16:02:37 · 152 阅读 · 0 评论 -
React-4:组件之属性默认值
默认属性值defaultProps静态属性defaultProps可以为Class组件添加默认props。这一般用于props未赋值,但又不能为null的情况基于static的写法非受控组件默认值有的时候,我们希望给一个非受控组件一个初始值,但是又不希望它后续通过React.js来...原创 2020-03-24 16:02:00 · 462 阅读 · 0 评论 -
React-3:组件之表单与受控非受控组件
表单在React里,HTML表单元素的工作方式和其他的DOM元素有些不同。一般来说,表单以及表单中的控件(如:input、select……)是页面中与JavaScript打交道最多的元素了。虽然我们可以通过ref的形式去操作它们,但是这样会比较麻烦,React.js为我们提供了一个更好的方式把React.js中的数...原创 2020-03-24 16:01:55 · 177 阅读 · 0 评论 -
React-2:组件之状态与通信
组件 web组件就是对web中的数据、结构、方法等进行封装,复用,与JavaScript中功能函数封装类似,但更关注的是对web元素(标签)的封装与扩展(扩展:webComponent)通过回调函数的方式来修改外部数据React提供了两种组件构建方式-函数式组件-类式组件函数式组件...原创 2020-03-24 16:01:44 · 158 阅读 · 0 评论 -
React-1:搭建脚手架
初识React与JSX加载引入-基于浏览器\<script\>的模式-基于自动化的集成环境模式基于浏览器\<script\>的模式React.js框架本身包含两个部分-react.js:提供React.js核心功能代码,如:虚拟dom,组件...原创 2020-03-24 16:01:12 · 160 阅读 · 0 评论