随笔分类 - react
摘要：JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。 1、扩展运算符（浅拷贝） 自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。 numbers = [
阅读全文
摘要：使用 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:
阅读全文
摘要：首先我们需要了解一点，函数写法才是this.setState的原始写法，对象格式只是简洁语法格式。 （1）对象形式直接更新 如下所示初始化状态state有两个，一个是rolesList所有角色列表，另一个是roleItem选中的角色 这里注意：一个是数组，另一个是对象 当我们后期更新roleItem
阅读全文
摘要：一般来说有两种实现方式 一种是父子组件实时在进行数据传递和获取（即实时获取） 一种是在父组件点击时获取子组件数据，期间父组件并不实时收集子组件变化的数据（即点击时获取） 简述： 注意： 1、子组件调用父组件的方法：将父组件的方法以函数属性的形式传递给子组件，子组件就可以调用 2、父组件调用子组件的方
阅读全文
