gajus/babel-plugin-react-css-modules

Classnames have trailing whitespace when spread is used

Open

#262 创建于 2019年6月30日

在 GitHub 查看
 (3 评论) (4 反应) (0 负责人)JavaScript (176 fork)batch import
enhancementhelp wanted

仓库指标

Star
 (2,044 star)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Example: JSX:

<div styleName="classA classB" {...someProps} />

Output:

<div className="classA classB " />

No trailing whitespace is added when spread is not used.

Seems like a small issue, but it breaks snapshots or className checks in tests when upgrading.

贡献者指南

研究方向
研究 babel plugin react css modules 的源代码，特别是处理 JSX 展开属性的部分。查看 styleName 如何转换为 className，并找出添加尾部空格的位置。问题很可能出现在字符串连接逻辑中。检查测试文件中的现有测试，并考虑为展开属性添加一个测试用例。
技术栈
javascriptreact
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
JavaScriptReact
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70