朱知知-CSDN博客

原创 jest如何mock axios接口

文件准备文件目录如下：.├── service └── userName.js // 定义axios请求的文件└── models ├── user.js // 使用axios请求的文件 └── user.test.js // jest测试文件models/user.jsimport { queryUserName } from '../service/userName';export default class User { id: string;

2020-12-08 20:52:53 3777 2

原创 react-router中this.props.history为undefined?解决报错Cannot read property ‘push‘ of undefined

在使用this.props.history.push(’/xxx’)的时候遇到这个报错：大概率原因：只有用了Route组件，才会在子组件中注入route props(即 history, location, match)详见官方文档route props所以下面这个例子中，Header 和 Footer组件中，this.props.history === undefined，在ModuleA 和 ModuleB中，this.props.history就有值（因为有< Route >

2020-11-02 20:10:54 5812 1

原创如何理解js中this指向：由执行上下文决定/在执行时确定？

对于this指向的解释，在MDN（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this）中有这么一句话，In most cases, the value of this is determined by how a function is called (runtime binding).大概意思是说，this的值是由这个函数如何被调用来决定的。我把它理解为：函数定义的时候，this的指向

2020-10-23 12:02:52 775

原创 React-router - 如何在url中带参数？在url中带参数的几种方法

方法一：/myurl?id=1&name=chris通过location.search基本方法1.react-route配置:const route = { path: '/myurl', component: myUrl,};<Route path={route.path} component={route.component} />2.跳转url时携带参数的方法：const id = 1; const name = 'chris';this.pr

2020-10-20 21:00:59 20044 3

原创如何理解react-router官网写的“history is mutable”？this.props.location与this.props.history.location有什么区别？

我当前的地址是http://localhost:8002/myproject#/myurl当我执行跳转：this.props.history.push({ pathname: '/myurl', search:'id=1', state: { fromSource: 1 },});该路由对应的组件是这样的：class MyUrl extends React.Component { componentWillReceiveProps(nextProps) {

2020-10-20 20:48:04 1857

原创如何在项目中安装使用jest?

内容导航最简可用安装jest依赖按需配置jest让jest可以识别es6, async等语法（babel):在webpack项目中使用jest整体思路如图：最简可用1. 添加测试用例在项目中你喜欢的任意路径下，创建sum.js和sum.test.jssum.jsfunction sum (a, b) { return a + b;}module.exports = sum;sum.test.jsconst sum = require('../sum');test('add

2020-10-16 21:06:15 1012

原创在webpack项目中使用jest进行单元测试

安装单元测试依赖 - jest运行如下命令：安装依赖yarn global add jest// or yarn add --dev jest更多可参考文章：xxx当我们想用es6提供的import来导入模块或者想要async的时候，就需要用babel转换安装babel-loader相关依赖运行如下命令：安装依赖(todo: 看看哪些是安装在dev环境的 @babel/core）yarn add --dev babel-loader @babel/core @babel/preset

2020-10-16 21:01:52 1161 1

原创如何解决 Cannot read property ‘bindings‘ of null

大概是@babel/preset-env的问题，在网上找了好多文章，提供的都是如下的解决方法：.babelrc （或webpack.config.js）中presets: ["env"]替换成presets: ["@babel/preset-env"]如果解决了，恭喜你????如果没解决，试试我解决的方法????"presets": [ [ "env", // 添加以下： { "targets": {

2020-10-15 20:36:51 2380 1

原创 React之this.setState使用需知注意点 -this.setState为什么不同步更新？

为什么各种文章里都是说this.setState()不同步，而不是直接说this.setState()异步？当然因为它不是异步的，只是一些情况下同步更新，一些情况下不同步更新this.setState为什么不同步更新？想要了解这个话题，只需要弄清楚下面三个问题，就明明白白了1 this.setState()本身是同步的还是不同步的？首先明确一点，setState 其实本身执行的过程和代码...

2020-01-02 22:17:58 1976 2

原创 React的jsx中, 为一个button添加onclick事件，什么时候需要bind(this)

React的jsx中, 为一个button添加onclick事件，什么时候需要bind(this)简介：在react项目中，为一个按钮等添加一个事件，有的地方会用bind(this),本文就分析一下：什么情况下需要bind(this)？为什么要用bing(this)?可以不用bind(this)吗？开门见山，先直接给出为一个button添加一个事件的正确写法：为一个button...

2019-10-01 01:34:20 7759

原创 React之this.setState使用需知注意点 -this.setState无法正确改变state值

React之this.setState使用需知注意点 -this.setState无法正确改变state值最近在项目中，出现了一些用setState()无法给state中的变量正确赋值的情况，特此总结一下this.setState使用的注意点。那为什么用this.setState()会出现一些跟我们常规逻辑不相符的地方呢？请看下表(两个特性即为两个需要注意的点）：（思路：因为它这样的特...

2019-09-30 15:05:50 7717 1

zrq1210的博客