
React
FireBird_one
这个作者很懒,什么都没留下…
展开
-
你真的理解setState吗?
面试官:“react中setState是同步的还是异步?”我:“异步的,setState不能立马拿到结果。” 面试官:“那什么场景下是异步的,可不可能是同步,什么场景下又是同步的?”我:“......”setState真的是异步的吗 ?这两天自己简单的看了下setState的部分实现代码,在这边给到大家一个自己个人的见解,可能文字或图片较多,没耐心的同学可以直接跳过看总结(源码版本是...转载 2018-08-12 10:54:09 · 4008 阅读 · 0 评论 -
redux 在 react 中的应用
这一篇我们主要讲react如何搭配 redux 使用,从而构建一个更完(niu)善(bi)的react应用。官方文档对redux的介绍:Redux是JavaScript状态容器,提供可预测化的状态管理。注意,redux的集成是非必选的。通过之前的内容介绍我们了解到,单枪匹马的react构建的页面也可以运作得很好。你可能会对redux的编程方式感到无所适从。然而,不管是出于构...转载 2018-08-08 12:10:28 · 240 阅读 · 0 评论 -
React异步请求数据出现setState(...): Can only update a mounted or mounting component...
Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.Please check the code for the xxx comp...转载 2018-09-16 10:56:35 · 532 阅读 · 0 评论 -
React 中使用 swiper 插件
安装 Swipernpm install --save swiper编写 Swiper 组件1,首先引入 Swiper 以及样式// 引入此路径,才不会打包失败import Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'2,在组件挂载完毕的时候生成 Swiper 对象...原创 2018-09-13 15:14:10 · 7149 阅读 · 1 评论 -
前后端数据交互,axios和jquery ajax的区别
axios作为Vue生态系统中浓墨重彩的一笔,我学习这个东西也是花了一定的时间的。刚开始的时候,也是遇到了很多问题。逐渐摸透了它的脾气。首先说说FormData和Payload两种数据格式的区别:先是提交一个FormData的请求试试看:然后我们看后端:然后我们提交一个以Payload传输数据的请求:我们再切到后台:这就是使用axios和jquery a...转载 2018-10-02 21:47:25 · 1663 阅读 · 0 评论 -
react打包之后有多余文件的问题
打包之后还有config、node_modules、static、webpack等多余文件。 解决办法: 打开 => webpack.config.prod.js 找到 => devtool: shouldUseSourceMap ? 'source-map' : false,改为 => devtool: false,...原创 2018-10-02 22:10:33 · 1372 阅读 · 0 评论 -
React Router路由传值的三种方法
一.props.params官方例子使用React router定义路由时,我们可以给<Route>指定一个path,然后指定通配符可以携带参数到指定的path:首先定义路由到UserPage页面: import { Router,Route,hashHistory} from 'react-router'; class App extends React.Com...转载 2018-10-07 22:04:11 · 2328 阅读 · 1 评论 -
react 生命周期
在组件的整个生命周期中,随着该组件的props或者state发生改变,它的DOM表现也将有相应的改变,一个组件就是一个状态机,对于特定的输入,它总会返回一致的输出。React为每个组件提供了生命周期钩子函数去响应不同的时刻——创建时、存在期及销毁时。 生命周期方法React的组件拥有简洁的生命周期API,它仅仅提供你所需要的方法,而不会去最求全面。实例化:一个实例出吃被穿件...转载 2018-09-29 15:50:54 · 231 阅读 · 0 评论