Taro React 系列文章 - 总目录

总目录

欢迎大家来到 Rattenking 的《Taro React 入门到实战系列》，开始前博主先列出 Taro React 入门到实战的大纲，同时包括遇到的一些常见报错。下面蓝字都是传送门，点击进入即可：

一、入门篇

入门篇介绍了从安装，开发中的配置问题，记录解决对应的问题。

1. 【taro react】---- VSCode 配置用户代码片段
2. 【taro react】---- 使用 redux 的配置笔记
3. 【taro react】---- h5路由配置取消路由上的#
4. 【taro react】---- 项目打包生成不同目录【代码编译到不同生产目录】
5. 【taro react】---- 微信小程序 通过 Jenkins 实现自动化部署
6. 【taro react】---- 配置目录别名

二、实战篇

实战篇是实际开发中的组件的封装，部分比较有意思的效果，以及一些特殊实际问题的解决办法！

1. 【taro react】---- Stepper 步进器组件封装
2. 【taro react】---- 时间罗盘实现
3. 【taro react】---- 兼容微信小程序和H5的海报组件
4. 【taro react】---- 团购或秒杀的批量倒计时实现
5. Taro React组件开发（1） —— Overlay 遮罩层【渐入渐出动画遮罩层】
6. Taro React组件开发（2） —— RuiEditor 富文本编辑器【兼容H5和微信小程序】
7. Taro React组件开发（3） —— RuiRate 评论评分
8. Taro React组件使用（4） —— RuiInputCode 验证码输入框
9. Taro React组件使用（5） —— RuiPasswordInput 密码输入框显示隐藏和清空

三、错误篇

错误篇是在实际开发中遇到的一些错误的处理方法！

1. 【taro react】---- Uncaught SyntaxError: Unexpected token ‘＜‘
2. 【taro react】 ---- Uncaught TypeError: Cannot read properties of null (reading ‘getContext‘)
3. 【taro react】---- 编译微信小程序后报错：Error: Minified React error #321；
4. 【taro react】---- 编译H5运行后报错：Uncaught ReferenceError: $RefreshSig$ is not defined
5. 【taro react】对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告。
6. 【taro react】---- Warning: Invalid DOM property contenteditable. Did you mean contentEditable?
7. 【taro react hooks 错误解决】---- Warning: Can‘t perform a React state update on an unmounted component.

四、问题篇

问题篇是开发中遇到的一些问题的解决方法！

1. 【taro react】---- 打包微信小程序后 onShow 多次执行（随着进入页面的次数在不断的累计）
2. 【taro react】---- h5跳转后生命周期多次执行