摘要:
在 react 或者 vue 项目里面,目前来说代码或者组件的复用,一般采用三种方式。 1、自己手动配置 webpack ,使用 HtmlWebpackPlugin 构建多个入口项目,共享一些代码组件。 缺点:需要对 webpack 掌握较好,多个 HtmlWebpackPlugin 导致热更新 打 阅读全文
随笔档案-2021年05月
将create-react-app从javascript迁移到typescript
2021-05-21 17:05 by muamaker, 135 阅读, 收藏, 编辑
摘要:
一、删除全部的 node_modules 注意: 确保之前没有在目录下执行过 tsc --init。 如果执行过,删掉 tsconfig.json , src/ react-app-env.d.ts 这两个文件都删掉。没有更好。 二、安装模块 npm install --save typescrip 阅读全文
使用 React hooks 优雅解决 mp3 的播放 和 暂停
2021-05-13 12:12 by muamaker, 1184 阅读, 收藏, 编辑
摘要:
在class 组件中,我们需要在 componentDidMounted 里面给 mp3 加上监听,然后在 组件销毁的时候 去掉监听。 来控制 mp3 的播放和暂停。相对来说比较麻烦。难以抽离。 这里用 hooks 达到完全抽离的效果: interface IAudioProps extends R 阅读全文
React 代码 Import Svg as ReactComponent 失败
2021-05-09 18:06 by muamaker, 2794 阅读, 收藏, 编辑
摘要:
在 react 里面使用 svg 一、在 create-react-app 创建的项目中 方式 1、 import logo from './logo.svg'; <img src={logo} /> 缺点在于不能在修改颜色,这里其实就是直接用 img 加载了 svg 文件 方式 2、 import 阅读全文