故事书:如何将面板状态传递给故事

时间:2020-03-03 00:25:45

标签: storybook

我正在尝试构建一个简单的Storybook插件,该插件可以在常规文本和伪本地化文本(例如Account Settings ==> [!!! Àççôûñţ Šéţţîñĝš !!!])之间切换呈现的字符串。

我已经拥有(1)一个将伪本地化应用于任何字符串的程序包; (2)基于this example的包含状态的POC故事书插件。

我不清楚的是:故事书运行时如何将面板的状态传递给myComponent.stories.js?基本上,我需要一些故事来侦听isPseudoLoc面板状态布尔值是切换为true还是false,然后将某些字符串呈现为常规或伪本地化内容。

// myComponent.stories.js
import { makePseudoLoc } from "myaddon" // a function that knows isPseudoLoc state (?)

export const MyComponent = () => (
  <p>{makePseudoLoc("Account Settings")}</p> // panel button should toggle this value between normal and pseudo loc text
)

FWIW我已经阅读并重新阅读了writing custom addons上的文档,因此无法理解。

0 个答案:

没有答案