jd-opensource / jd-opensource/taro-ui
bug: taro-ui-docs style属性问题
Open
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
**问题描述**
taro-ui-docs 由于以前的demo会直接使用 style 内联样式,但是现在已经不被支持,导致页面白屏报错。
包括且不限于:
1. Docs组件
2. markdown-it 解析后的 table 元素
3. 原有的部分内联 html 被直接转换为JSX报错
**复现步骤**
```shell
yarn bootstrap
cd packages/taro-ui-docs
yarn dev
```
访问某些文档路径,例如 http://localhost:8002/#/docs/button
**期望行为**
正常文档访问没有问题
**报错信息**
文档访问报错
**系统信息**
Taro UI
branch: next
commit id: dc8c8cd6
**补充信息**
解决方案有多种:
当前问题是由于直接将内联html做拼接到JSX输出导致的问题。
解决方案如下几种。
1. 做多一个 markdown-it 的解析
2. 在markdown-it 后的文档流做一些简单的replace操作,做一个简单的内联样式转化。
3. 引入一个类似 htmltojsx 做转换 (不建议 太硬了)
4. 手动修改所有用到内联样式的地方。
做 2 + 4(部分修改) 应该成本较小。
Contributor guide
Assessment
This issue has not been assessed yet.