摘要: Sass很多公司面试都喜欢问这个,今天就写一篇简单的sass安装+使用过程技术栈很简单,就React + Sass,本文着重讨论sass不整太多东西 创建项目:create-react-app react-sass 安装依赖:npm install --save-dev node-sass crea 阅读全文
posted @ 2021-01-09 17:33 前端-大雄 阅读(4362) 评论(0) 推荐(1) 编辑
摘要: redux简述: 解决组件间状态共享的问题,原理是集中式管理, 主要有三个核心方法,action,store,reducer, 改变数据: 调用 store 的 dispatch 接收 action 传入 store,reducer 进行 state 操作, 获取数据:通过 store 提供的 ge 阅读全文
posted @ 2020-12-30 16:54 前端-大雄 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 方法一: 从右到左,一级一级抛出 方法二: (1)router文件夹asyncComponent.jsx创建文件 (2)填写内容 (3)router文件夹的index文件引入asyncComponent.jsx asyncComponent.jsx文件内容(JS版): import React, { 阅读全文
posted @ 2020-12-15 15:26 前端-大雄 阅读(960) 评论(0) 推荐(0) 编辑
摘要: 编辑器没有任何报错 但启动项目的时候却报错了 问题原因: @types/react-router-dom 只是typescript的声明文件而已 还是要安装 react-router-dom 核心代码 解决办法就是安装路由核心代码: npm install react-router-dom --sa 阅读全文
posted @ 2020-12-14 14:59 前端-大雄 阅读(2036) 评论(0) 推荐(0) 编辑
摘要: 执行创建react ts项目命令: create-react-app demo2 --template typescript 初始化完项目后,打开项目看到 tsconfig.json 报错 问题来了,就算我把 "react-jsx" 改成 "react" , 只要一执行命令 "npm run sta 阅读全文
posted @ 2020-12-11 17:28 前端-大雄 阅读(1620) 评论(0) 推荐(0) 编辑
摘要: 下面我拿react-router-dom库做例子 解决办法有两种: 方法一:安装库的TypeScript声明文件 方法二:添加自己写库的TypeScript类型声明 在方法一可行的情况下,推荐使用方法一,但是不是所有库都有 TypeScript 的声明文件,所以方法一无效才用方法二。 方法一: 根据 阅读全文
posted @ 2020-12-03 11:54 前端-大雄 阅读(9356) 评论(0) 推荐(1) 编辑
摘要: TS文件里hook的useState怎么设置格式 const [name, setName] = useState<String>("tom"); // 字符串 const [age, setAge] = useState<Number>(18); // 数字 const [sex, setSex] 阅读全文
posted @ 2020-11-26 18:10 前端-大雄 阅读(3177) 评论(0) 推荐(0) 编辑
摘要: 原生js的“eventemitter 发布订阅”其实跟vue的“bus 中央事件总线”是同一种东西,而我只是用js实现一版出来而已 组件代码: (function () { var msgService = function msgService() {}; msgService.prototype 阅读全文
posted @ 2020-11-25 14:48 前端-大雄 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 如题基于EUI封装个《消息通知》组件 需求,一次调用全项目能用如果按原来的EUI组件, 每个页面想调用消息通知组件EuiGlobalToastList就得调用DOM跟方法, 比较麻烦现在需要封装成一句话调用马上能用比如: message.success("操作成功", 2000, "内容文字"); 阅读全文
posted @ 2020-11-17 18:56 前端-大雄 阅读(736) 评论(0) 推荐(0) 编辑
摘要: 忙里偷闲,先记下来写个大概,反正就是把代码复制跑一遍就知道怎么用了 父级代码: import React, { useRef } from 'react'; import HelloWorld2 from '@/components/HelloWorld/HelloWorld2'; const Te 阅读全文
posted @ 2020-11-16 15:18 前端-大雄 阅读(2377) 评论(0) 推荐(0) 编辑