jd-opensource / jd-opensource/taro-ui

bug: taro-ui-docs style属性问题

Open
#1,315 2 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.