在 Storybook 上计算路径的笔画偏移时出现问题,导致无限循环

作者: ubalensi-yoobic创建于 2019年9月26日更新于 2022年9月21日

正如 ProgressBar.js 奉献者 Kimmo Brunfeldt 建议的那样,我将在这里写一篇文章来解释我遇到的问题。实际上,我是在为我公司开发的一个应用程序使用该库。该组件是用 TypeScript/JSX 编写的。与我们制作的每个组件一样,我们需要将它们返回到名为 Storybook 的软件中,以便探索所有组件并防止出现任何可视化回退问题。但是,自从 Storybook 的最新更新以来,我遇到了使用 `animate()` 函数的问题,该函数基本上调用了名为 `_getComputedDashOffset()` 的函数,该函数负责计算接收 progressValue 的路径的 stroke-dashoffset 值,但该函数现在总是返回 100,导致 `step` 中的无限循环。使用 `set()` 函数而不是 `animate()` 来解决了问题,但我失去了动画。因此,如果您以前遇到过这个问题,无论是来自 Storybook 还是其他地方,我都会仔细研究一下,但目前还没有找到任何解决方案。如果您能帮助我解决这个问题,我会非常感谢。

内容来源: kimmobrunfeldt/progressbar.js