随笔分类 -  react相关

cross-env 和 dotenv 的使用
摘要：cross-env A simple node program for executing commands using an environment from an env file. npm install env-cmd 使用 使用自定义的env文件 ./node_modules/.bin/e 阅读全文
posted @ 2022-03-01 21:01 依梦维马 阅读(1063) 评论(0) 推荐(0)
react-eslint学习
摘要：eslint // .eslintrc.js module.exports = { "extends": "airbnb", "rules": { "semi": [2, "never"], "no-console": 0, "comma-dangle": [2, "always-multiline 阅读全文
posted @ 2022-01-18 23:39 依梦维马 阅读(174) 评论(0) 推荐(0)
react依赖讲解
摘要：依赖文件 dependencies:{ "@date-io/date-fns":"",//日期格式化工具 "@material-ui/core":"",//ui组件核心包 "@material-ui/icons":"",//ui图标 "@material-ui/pickers":"",//ui日期组 阅读全文
posted @ 2022-01-17 23:43 依梦维马 阅读(370) 评论(0) 推荐(0)
vscode-使用断点
摘要：在vscode中使用断点技术 第一步：安装插件 Debugger for Chrome Extension 第二步：然后需要配置 VSCode 来连接到 Chrome 第三步：第二步过后会生成一个 launch.json 文件，配置该文件如下： { // Use IntelliSense to le 阅读全文
posted @ 2022-01-16 21:19 依梦维马 阅读(3755) 评论(0) 推荐(0)
react-enzyme
摘要：简介 Enzyme是由Airbnb开源的一个React的JavaScript测试工具，使React组件的输出更加容易extrapolate 。Enzyme的API和jQuery操作DOM一样灵活易用，因为它使用的是cheerio库来解析虚拟DOM，而cheerio的目标则是做服务器端的jQuery。 阅读全文
posted @ 2022-01-16 20:49 依梦维马 阅读(105) 评论(0) 推荐(0)
react-jest
摘要：简介 Jest 是一个令人愉快的 JavaScript 测试框架，专注于 简洁明快。这些项目都在使用 Jest：Babel、 TypeScript、 Node、 React、 Angular、 Vue 等等. 安装及配置 安装 npm install --save-dev jest 初始化配置jes 阅读全文
posted @ 2022-01-16 20:48 依梦维马 阅读(182) 评论(0) 推荐(0)
react-router-dom学习
摘要：react-router-dom 主要由三个类别的组件 路由器：, 路由匹配器：, 导航：,, 也称导航组件为路由改变组件。 每个React Router应用程序的核心都应该是一个路由组件（Route）。 对于一个web应用而言，主要由两个路由组件,，两者的主要区别在于他们存储URL的方式以及于服务 阅读全文
posted @ 2021-11-17 16:49 依梦维马 阅读(201) 评论(0) 推荐(0)
axios学习
摘要：简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 在浏览器中是基于XMLHttpRequest，在node.js中是基于http模块 特性： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Prom 阅读全文
posted @ 2021-11-09 21:49 依梦维马 阅读(58) 评论(0) 推荐(0)
react-i18next学习（国际化）
摘要：简介 项目国际化，是要求项目内的菜单及部分显示组件的语言可以国际化（支持语言配置） react-i18next是基于i18next的一款强大的国际化框架，可以应用在react和react-native项目中。 使用过程 安装 需要配合i18next使用 npm install react-i18ne 阅读全文
posted @ 2021-11-09 14:16 依梦维马 阅读(579) 评论(0) 推荐(0)
react-redux-toolkit学习
摘要：react-redux负责状态管理，使用toolkit插件可以更方便，具体使用方式简单总结一下。 toolkit官网 安装redux 使用toolkit的需要配置react-redux一起使用。 npm install react-redux@latest npm install @reduxjs/ 阅读全文
posted @ 2021-11-05 15:48 依梦维马 阅读(2006) 评论(1) 推荐(0)
react-ui--material-ui学习
摘要：package.json "dependencies": { "@material-ui/core": "^4.12.3", "@material-ui/lab": "^4.0.0-alpha.60", "@testing-library/jest-dom": "^5.14.1", "@testin 阅读全文
posted @ 2021-11-02 21:39 依梦维马 阅读(195) 评论(0) 推荐(0)
redux初步理解
摘要：所有的修改都被集中化处理且严格按照一个接一个的顺序执行。将模型的更新逻辑全部集中到一个特定的的层。 store.dispatch()将action传到store中，Action时store数据的唯一来源。 Action本质上是一个js对象，约定action内部必须有一个字符串类型的type字段，来表 阅读全文
posted @ 2021-10-16 22:58 依梦维马 阅读(41) 评论(0) 推荐(0)
react-hook学习
摘要：hooks技术不是一门新的技术，而是一种设计思想。 自定义hooks更像是一种约定，而不是一种功能，一般以use开头的，并调用其他hook，就可以称为自定义Hooks（自定义的Hook中，最里面一定是使用了useEffect函数）。 注意： 每次调用 setSate的类似函数（例如：setCount 阅读全文
posted @ 2021-10-16 22:57 依梦维马 阅读(71) 评论(0) 推荐(0)