随笔分类 - react后台项目
摘要：先说一下async的用法，它作为一个关键字放到函数前面， async function timeout() { return 'hello world';} 只有一个作用, 它的调用会返回一个promise 对象。调用一下看看就知道了，怎么调用？async 函数也是函数，所以它的调用和普通函数的调用
阅读全文
摘要：ES6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
摘要：使用 BrowserRouter 的问题（方案：后台自定义中间件，前提：前台和后台不要有路径重复） a. 问题: 刷新某个路由路径时, 会出现 404 的错误 b. 原因: 项目根路径后的 path 路径会被当作后台路由路径, 去请求对应的后台路由，但没有 c. 解决: 使用自定义中间件去读取返回
阅读全文
摘要：（1）前言 开发时使用BrowserRouter路由跳转传参，可以正常使用，如下所示 然后在详情组件里通过this.props.loaction.state即可获取 （2）转换 直接将BrowserRouter转为HashRouter即可 但是换成HashRouter后获取失效，这里我们该用内存或者
阅读全文
摘要：HashRouter模式： BrowserRouter模式： 分享： 前言 react-router针对不同的使用场景衍生了不同的路由包，RN项目用react-router-native，web项目用react-router-dom。并且，不需要再重复引入react-router了。我搭建的是web
阅读全文
摘要：（1）需求分析 首先项目里当请求根路径时需要重定向到/home首页，即请求localhost:3000时，重定向到localhost:3000/home。 之前我们的操作是，只要输入url不存在则统统重定向到首页，如下所示 （2）修改需求 现在我们添加404页面，分析如下 ①请求根路径时重定向到/h
阅读全文
摘要：React里调用方法常见的方式有两种 （1）触发时通过回调函数触发 <Button type="primary" onClick={()=>this.updateBar()}>更新</Button> （2）直接通过方法名触发 <Button type="primary" onClick={this.
阅读全文
摘要：【一】常用数据可视化图表库 1) echarts a. https://echarts.baidu.com/ b. 百度开源, 如果要在 react 项目中使用, 需要下载 echarts-for-react 2) G2 a. https://antv.alipay.com/zh-cn/g2/3.x
阅读全文
摘要：（1）首先搭建完毕后开始安装依赖 redux react-redux >基于redux开发，简化语法 redux-thunk >异步中间件，实现redux 异步编程 redux-devtools-extension >调试专用，配合chrome拓展程序进行redux调试 （2）建立项目目录和对应文件
阅读全文
摘要：注意： 1、Object.assign() 只是一级属性复制，比浅拷贝多深拷贝了一层而已。用的时候，还是要注意这个问题的。 2、简单实现深拷贝的方法，当然，有一定限制，如下：JSON.parse(JSON.stringify());思路就是将一个对象转成json字符串，然后又将字符串转回对象。 Ob
阅读全文
摘要：（1）数组 reducer中处理数组数据的赋值 我初始化了一个字段data = [],在发起请求成功后，要将返回的list赋值给data, 这时候就有一个问题了， 因为我们都是通过Object.assign这种形式进行赋值的， 那么究竟我们要怎么将得到的数组赋给data呢？接下来我们就以具体的代码来
阅读全文
摘要：reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是：通往成功的道路有很多，但是总有一条路是最捷径的，亦或许reduce()逼格更高... 1、语法 arr.reduce(cal
阅读全文
摘要：1). Component存在的问题? a. 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 b. 当前组件setState(), 重新执行render(), 即使state没有任何变化 测试代码如下，首先是a情况 /**父组件 */ import React
阅读全文
摘要：面试案例题代码如下： 钩子函数内部代码如下： 问题：打印顺序是什么？ 然后开始执行生命钩子回调函数 接下来是setTimeout和Promise，两者顺序。Promise优先于定时器调用。那Promise和改变state后的render哪一个优先执行？查看结果如下 优先更新render，然后执行pr
阅读全文
摘要：1). setState()更新状态是异步还是同步的? a. 执行setState()的位置? 在react控制的回调函数中: 生命周期勾子 / react事件监听回调 非react控制的异步回调函数中: 定时器回调 / 原生DOM事件监听回调 / promise回调 /... b. 异步 OR 同
阅读全文
摘要：参考React官方文档，这里做下笔录 （1）setState语法 setState(updater, [callback])解析： 参数一为带有形式参数的 updater 函数： 参数二为可选的回调函数 1、参数一介绍 注意：当然，它不应直接被修改。你应该使用基于 state 和 props 构建的
阅读全文
摘要：本文主要解决： iview树形组件使用问题，已经有后台数据，请问如何对应treeData的字段？ 如下所示 { title: 'child 1-1', expand: true, children: [ { title: 'leaf 1-1-1', expand: true }, { title:
阅读全文
摘要：（1）接口文档如下 （2）测试接口 我们测试时如何测试数组格式参数呢？ 答案：依次输入 结果如下 .
阅读全文
