![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
想搞全栈的前端
愿君学长松,慎勿作桃李.受屈不改心,然后知君子
展开
-
一张图理清React生命周期函数
生命周期函数是指在某一时刻组件会自动调用执行的函数。原创 2019-08-24 16:56:37 · 104 阅读 · 0 评论 -
redux的工作流程以及subscribe的作用
redux的工作流程使用函数createStore创建store数据点import { createStore } from 'redux';import reducer from './reducer'const store = createStore( reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && ...原创 2019-09-03 10:22:47 · 1430 阅读 · 0 评论 -
关于React中使用bind(this)的理解
前言在学习React的过程中发现调用函数的时候必须使用bind(this),之后直接在class中声明函数即可正常使用,但是为什么要使用这个呢?在这里总结一下。1.JavaScript自身特性说明如果传递一个函数名给一个变量,之后通过函数名()的方式进行调用,在方法内部如果使用this则this的指向会丢失。 示例代码:首先我们创建test对象并直接调用方法 :const test = ...原创 2019-09-04 14:18:17 · 9174 阅读 · 3 评论 -
React项目--如何mock数据?
前言在开发项目时,前端需要和后端对接数据,但有时后端并没有写好数据,前端还需要继续往下开发,这时候就需要mock数据了。如何mock数据?如下代码,在input获得焦点时调用getList()方法。const mapDispathToProps = (dispatch) => { return { handleInputFocus() { ...原创 2019-09-07 15:42:26 · 7813 阅读 · 0 评论 -
jianshu-react项目总结
目录技术栈项目结构及技术点介绍项目结构styled components使用iconfont嵌入图标使用react-transition-group动画库使用react-redux及其中间件等等。。。项目代码和性能优化this绑定的性能优化合理使用无状态组件Immutable.js与redux结合使用避免无意义的网络请求异步操作代码拆分优化使用PureCom...原创 2019-09-19 16:42:23 · 247 阅读 · 0 评论