Сборник рассказов: как передать состояние панели в историю - PullRequest
0 голосов
/ 03 марта 2020

Я пытаюсь создать простое дополнение для 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 Я прочитал и перечитал документацию по написанию пользовательских аддонов и не могу сделать из этого ни головы, ни хвоста.

...