React系列——React Context

2019-01-04
阅读 4 分钟
21.8k
1、父组件向子组件传递数据(状态)时,是在调用子组件的时候通过参数传递给子组件,子组件通过this.props进行接收;2、子组件如果更改父组件的一些属性,则是通过父组件定义的方法来传递给子组件,子组件调用更改;3、如果父组件想要更改子组件的一些状态时,通过ref进行标记,可以获取子组件的所有信息,从而调用子组件...

react如果你想为一个组件返回多个元素怎么办?

2018-06-08
阅读 2 分钟
10.3k
react中组件一般都是只返回一个父节点包含的元素,而我们有时候就是想返回多个元素怎么办,当然react团队也帮你想到了,两种方式:1,以数组的形式返回;2,创建React片段

react 代码优化(一) ——事件处理

2018-05-10
阅读 2 分钟
2k
React的事件处理 1、React 的事件绑定属性的命名要采用驼峰时写法, 不能小写 2、要传入一个函数作为事件处理函数,不能是字符串 {代码...} 3、阻止默认行为preventDefault {代码...} 4、事件绑定 1、在构造函数中使用bind绑定this {代码...} 2、使用属性初始化器语法绑定this(实验性) {代码...} 3、在调用的时候使用bin...

Angular、Vue、React三大框架鼎力2017

2017-12-21
阅读 2 分钟
10.2k
期初在前三四年或者更早,前端还没被完全分离出来,原生js开发前端页面,似乎并不优雅,好比我们盖房子,一块砖一块砖的盖,很耗时,也不方便维护,渐渐地jQuery库的产生,提高了开发人员的效率,减少了浏览器的兼容,一时间很多涨粉,到现在一些旧的项目仍然在使用,but,他没有mvc,mvvm构架,需要自己进行配置。

react七——react-redux

2017-12-11
阅读 3 分钟
2.1k
比起redux新增 两个模块 1、Provider 组件来对Router进行包裹,并传入store,这样在内部组件的其他组件都可以共享store的数据 并且对其进行更改

React二——虚拟dom、组件、组建通信

2017-12-07
阅读 2 分钟
1.7k
react效率极高,它可以创建存放组件的虚拟DOM,这一特点为开发人员提供了高度灵活性和惊人的性能收益 因为React能够提前计算出DOM中有哪些内容需要更改,并对dom做出相应的更新,通过这种方式,避免了及其消耗性能的DOM 从而大幅度提高工作效率

React六——Redux

2017-12-07
阅读 3 分钟
1.7k
数据流 {代码...} 1、创建store.js {代码...} 2、创建reducer.js {代码...} 3、actionCreator.js {代码...} view层 {代码...}

React五——React-router

2017-12-06
阅读 5 分钟
3.4k
路由 {代码...} 构建 {代码...} 高亮 {代码...} 传参 {代码...} redirect {代码...} 路由嵌套 {代码...} 404 免战牌页面 {代码...} 路由守卫 {代码...} 组件切换的时候生命周期钩子 {代码...}

React三——生命周期

2017-12-05
阅读 2 分钟
1.5k
当组件被重新渲染的时候出发的钩子函数:只要修改组建的state 不管有没有引用state状态 都会重新shouldComponentUpdate(true继续执行 否则停止) 、componentWillUpdate 、render 、 componentDidUpdate

React四——flux

2017-12-04
阅读 3 分钟
2k
1、模拟按钮点击num++ 2、什么是flux {代码...} 3、使用 {代码...} 4、例子(登录等共享数据) {代码...} 1> dispatcher {代码...} 2> store {代码...} 3> view {代码...} 4> 其他 {代码...} 5、创建store.js用来管理状态,例如登录信息、定位信息等在多个组件共享的信息 {代码...} 6、actionCreator 创建act...

React一——起源、安装、jsx

2017-12-04
阅读 3 分钟
2.9k
官网:[链接]Facebook公司出品,因为对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,然后13年面世,14年国内引入,由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单,同时github受到大量的关注,国内各大公...