随笔分类 -  React

React案例/知识点
摘要:一、什么是高阶函数(组件),作用是什么? 子类使用父类的方法可以通过继承的方式实现,那无关联组件通信(redux)、父类使用子类方法(反向继承)呢 为了解决类(函数) 功能交叉/功能复用 等问题,通过传入类/函数返回类/函数(继承)的方式使得类拥有自身未定义的方法。 例如 的connect方法使用了 阅读全文
posted @ 2020-01-05 13:57 xiaobe 阅读(2038) 评论(0) 推荐(1) 编辑
摘要:奇思妙想的🌰 HashRouter包裹下访问根服务: 假设为 操作一: 浏览器直接输入 结果: 路由自动变为 ,可正常访问. 操作二: 浏览器直接输入 结果: 可正常访问 将HashRouter更改为BrowserRouter 操作一: 浏览器直接输入 结果: 路由自动变为 ,可正常访问 操作二: 阅读全文
posted @ 2019-06-27 14:44 xiaobe 阅读(10688) 评论(1) 推荐(0) 编辑
摘要:具体错误 webpack.config.js 解决方法 在添加ts编译模块的时候仅留下'ts loader',即 具体原因 待补充 阅读全文
posted @ 2019-06-27 11:07 xiaobe 阅读(19037) 评论(0) 推荐(0) 编辑
摘要:Antd pro2.0之前更改代理方式 更改.roadhogrc.mock.js 然后启动命令 即可 2.0前版本的启动命令是: 可以看到用到的是 .而在新版的antd pro里已经换成了 .因此我们可以需要用另一种方式解决。 更改config/config.js 更改 配置 可以把路径上的某个字段 阅读全文
posted @ 2019-03-19 11:50 xiaobe 阅读(5247) 评论(0) 推荐(0) 编辑
摘要:一、浅比较 出现情况: 明明改变了值, 并且回调函数也触发了, 但是就是不触发render 出现了浅比较, 不触发 生命周期 解决方法: 赋值的时候改变 的指向. 阅读全文
posted @ 2018-12-04 16:37 xiaobe 阅读(7448) 评论(1) 推荐(1) 编辑
摘要:一、在JS里使用(非ES6) 实现场景: 给一个空对象填充某一指定数组内的值 并随机生成数量 输出: 这里的重点在于返回的时候 通过 可以成功调用变量的值. 二、React setState的应用 和上面例子同理.利用 调用变量 class Example extends PureComponent 阅读全文
posted @ 2018-11-29 21:00 xiaobe 阅读(3013) 评论(0) 推荐(0) 编辑
摘要:一、以下情况可能导致错误发生 出现这个问题的首要条件是因为Select的mode 设置成 or 1. Select的defaultValue使用了空字符串 例如: 2. 结合Form的initialValue包含空字符串 二、解决办法 1. 如果你不需要默认值, 直接设置为空数组: defaultV 阅读全文
posted @ 2018-11-22 15:51 xiaobe 阅读(9405) 评论(0) 推荐(1) 编辑
摘要:一、动态更新Options 自带的搜索功能很多时候需要结合后端的接口,输入一个关键字的时候会自动更新选择器的选项. 下面列一些注意点 基础实现 选择器选项必须和每次更新的数据挂钩, 这个值可以通过 ,也可以通过 拿到 再结合循环的方法例如 遍历渲染options 上面就是一个简单的例子. 除了要动态 阅读全文
posted @ 2018-11-19 18:02 xiaobe 阅读(14261) 评论(3) 推荐(2) 编辑
摘要:一、介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过 ...之类方法进行拼接, 或者使用JQ封装的函数. 但现在但SPA页面不怎么使用JQ.所以掌握靠谱的 还是很有必 阅读全文
posted @ 2018-11-01 20:10 xiaobe 阅读(6359) 评论(6) 推荐(8) 编辑
摘要:一、Halloween Happy! 万圣节, 是否已经按耐不住自己内心的小恶魔, 想早点下班狂欢!别着急, 上班族的摸鱼好朋友Google Doodles今天又给我们推了几款'上班摸鱼'的万圣节游戏.玩起来, 时间简直不要过得飞快。 《doodles》 二、前端资源汇总 简介 玩够了就该回来学习啦 阅读全文
posted @ 2018-10-31 23:27 xiaobe 阅读(927) 评论(0) 推荐(3) 编辑
摘要:一、React规范 1.1 react key的作用 当渲染重复数据的时候, 会根据生成的key进行虚拟DOM渲染, 所以我们需要在遍历的地方都要加上key,例如map、for等等 同样, antd作为react的UI组件库, 有些地方也需要遵循react的key规范.例如 antd table 在 阅读全文
posted @ 2018-10-29 16:30 xiaobe 阅读(12142) 评论(0) 推荐(2) 编辑
摘要:一、文章初衷 阅读本文章需要注意以下几点: 文章不主要介绍Mockjs的使用语法 文章暂不涉及Mockjs的第三方封装框架 文章会结合以往做过上线项目的方式总结 想主要介绍如何使用Mockjs,是因为发现网上针对这方面的资料好像并不多,并且比较分散。想要做一次总结,希望能帮助解决入门Mockjs的新 阅读全文
posted @ 2018-10-24 20:49 xiaobe 阅读(123709) 评论(15) 推荐(20) 编辑
摘要:一、什么是绑定事件 1.1 事件 我这里指的事件一般指的是React自带的触发事件,我这里先简单举例几个 1.2 绑定事件 一般有三种绑定事件的方法: 如果想要详细地了解这几种React绑定事件的区别及如何选择,可以看我这篇文章: 《每日质量NPM包事件绑定_bindme(详解React的this) 阅读全文
posted @ 2018-10-18 20:39 xiaobe 阅读(5975) 评论(2) 推荐(0) 编辑
摘要:一、React的渲染机制 要掌握一两项React render优化的方法不难,但是非常重要.无论是在实际项目中的一个小细节,还是迎合'面试官'的口味 1.1 触发Render 我们知道React要更新视图,必须要触发Render.而这往往是影响性能最重要的一步(因为操作了dom).而React之所以 阅读全文
posted @ 2018-10-15 20:05 xiaobe 阅读(3004) 评论(0) 推荐(0) 编辑
摘要:一、问题描述 在一场面试中,面试官问到了React和Node路由之间的关系. 现在SPA(单页面应用)的使用越来越广。 Node(后台)和React(前端)都有自己的路由,当我页面访问一个URL的时候,其中的路由究竟是以哪个为准呢? 答案是Node路由优先级更高 所以会经常出现React设置了Rou 阅读全文
posted @ 2018-10-14 17:04 xiaobe 阅读(1137) 评论(0) 推荐(0) 编辑
摘要:一、copy to clipboard 官方定义: Simple module exposing copy function 理解: 一个超级简单的复制功能,并且这种方法适用于通过别的事件触发复制功能 什么意思呢?比如:我想设计一个在Select选择项改变的时候复制该选择项,这时候一般无法插入组件( 阅读全文
posted @ 2018-10-07 20:35 xiaobe 阅读(1167) 评论(0) 推荐(1) 编辑
摘要:一、react modal 官方定义: Accessible modal dialog component for React.JS 理解: 一个容易使用的React模态框组件 二、用法 有时候我们不用一些UI框架的时候(bs3.0、antd),就需要自己封装一些模态框.自己定义各种回调事件...等 阅读全文
posted @ 2018-10-03 13:24 xiaobe 阅读(818) 评论(0) 推荐(0) 编辑
摘要:一、bindme 官方定义: is a helper to bind a list of methods to an object reference 理解: 因为不推荐在render()里构建函数,作者就用了6行代码封装了函数绑定事件的代码. bindme的npm包实际上由6行ES5代码组成,但是 阅读全文
posted @ 2018-10-02 15:39 xiaobe 阅读(561) 评论(0) 推荐(0) 编辑
摘要:一、react dropzone 官方定义: Simple HTML5 compliant drag'n'drop zone for files built with React.js. 理解: 一个为react量身定制,基于H5 API: 可以实现拖拽上传文件的npm插件包 是的,以后再也不用自己 阅读全文
posted @ 2018-10-01 17:22 xiaobe 阅读(2719) 评论(0) 推荐(0) 编辑
摘要:一、classnames 现在到处都追求效率开发,所谓存在即合理,各种各样的开源包/项目火热,也是因为他们大大解决了之前复杂的逻辑.作为榜上前10的热门包:classnames.还真需要了解了解它才能仗'包'走天涯 官方定义: A simple JavaScript utility for cond 阅读全文
posted @ 2018-09-30 13:56 xiaobe 阅读(3484) 评论(1) 推荐(0) 编辑