描述bug
Storybook不支持特殊字符
重现步骤
- 打开Storybook,
- 点击示例按钮组件
- 在标签字段中输入"To be or not to be, that's the question"
- 点击预览模式
- 查看错误
预期行为
预览模式应该渲染"To be or not to be, that's the question"
截图
系统信息
环境信息：
系统：
操作系统：Windows 10 10.0.19041
CPU:(8) x64 Intel(R) Core(TM) i7-7700 CPU @ 3.60GHz
二进制文件：
Node: 12.18.1 - C:\Program Files
odejs
ode.EXE
Yarn: 1.22.10 - ~AppData\Roaming
um\yarn.CMD
npm: 6.14.5 - C:\Program Files
odejs
pm.CMD
浏览器：
Chrome: 89.0.4389.114
Edge: Spartan (44.19041.423.0), Chromium (89.0.774.76)
npm包：
@storybook/addon-actions: ^6.2.8 => 6.2.8
@storybook/addon-essentials: ^6.2.8 => 6.2.8
@storybook/addon-links: ^6.2.8 => 6.2.8
@storybook/html: ^6.2.8 => 6.2.8
3条答案
按热度按时间7z5jn7bk1#
这是一个已知的限制，在最后两个部分中有记录解决方法：
https://storybook.js.org/docs/react/writing-stories/args#Map到复杂的参数值
我想让@ghengeveld发表意见——也许我们可以采取一些措施来减少这种限制。
iqjalb3h2#
逗号，或许可以。引号，风险太大了。我们可以考虑支持自定义的序列化器/反序列化器，这实际上让它变得“使用有风险”(从安全Angular 来看)。
我能想到的一个替代方案是允许所有字符，但在反序列化任何“高风险”值之前要求确认。
uxhixvfz3#
为什么不直接允许在URL中显示的值和代码中使用的值之间进行自定义Map函数呢？