Я пытаюсь создать простое дополнение для Storybook, которое может переключать отображаемые строки между обычным текстом и текстом псевдолокализации (например, Account Settings
==> [!!! Àççôûñţ Šéţţîñĝš !!!]
).
У меня уже есть (1) пакет, который применяет псевдолокализацию к любой строке; и (2) аддон PO C Storybook, содержащий состояние, основанный на этом примере .
Что мне не ясно: как передать состояние панели до myComponent.stories.js
, когда работает Storybook? По сути, мне нужны истории, чтобы прослушать, переключено ли логическое значение состояния панели 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 Я прочитал и перечитал документацию по написанию пользовательских аддонов и не могу сделать из этого ни головы, ни хвоста.