react
啊栋哥哥
这个作者很懒,什么都没留下…
展开
-
如何在react使用jest
第一步,我们需要安装所需依赖包进行支持:npm install @babel/plugin-transform-react-jsx @testing-library/jest-dom @testing-library/react jest --save-dev第二步,我们需要在babel.config.js中加入jsx转换:module.exports = { presets: [['babel-preset-env', { targets: { node: 'current' } }]], +原创 2022-03-28 22:36:13 · 1245 阅读 · 0 评论 -
jest支持less
如果我们在jsx中引入了less样式,比如:import styles from './style.less';那么运行jest进行单元测试的时候会在less文件中报错,因为jest默认是不支持less的。为了在jest中支持less,我们需要jest-less-loader的支持。我们第一步需要安装jest-less-loader依赖:npm install jest-less-loader --save-dev然后在jest.config.js配置jest-less-loader规则:m原创 2022-03-28 22:20:34 · 766 阅读 · 0 评论 -
vue技术栈上手react hook
1. 简介Hook是React16.8的新增特性,hook必须要在函数组件中使用,但是hook对于使用vue的同学来和vue是很多的共同点的,让我们来看一下hook都有什么特性:使用usesState维护状态useEffect代替生命周期(componentDidMount、componentDidUpdate 和 componentWillUnmount)其他 Hook2. 基本语法对于我们的基本开发,使用usesState和useEffect基本能完成基础开发,让我们看一下基本的用法:原创 2022-03-13 13:20:43 · 738 阅读 · 0 评论