Storybook: 값을 변경할 때 노브 개체 UI가 사라짐

에 만든 2020년 02월 25일 · 2코멘트 · 출처: storybookjs/storybook

버그 설명

@storybook/addon-knobs 통해 렌더링 된 object 의 값을 변경하면 UI가 사라집니다.

재현하려면

애드온 노브를 사용하여 object 만들기
npm run storybook
Storybook 노브 탭에서 object 값 변경
object 사라집니다.

예상되는 행동

object 값은 노브가 사라지지 않고 Storybook UI 내에서 편집 할 수 있어야합니다.

스크린 샷

storybook-knobs-object-bug

코드 조각

작업 예제 : https://github.com/benjarwar/storybook-knobs-object-test

저장소 복제
npm i
npm run storybook

체계:

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
  Binaries:
    Node: 8.15.1 - ~/.nvm/versions/node/v8.15.1/bin/node
    Yarn: 1.21.1 - ~/.nvm/versions/node/v8.15.1/bin/yarn
    npm: 6.13.7 - ~/.nvm/versions/node/v8.15.1/bin/npm
  Browsers:
    Chrome: 79.0.3945.130
    Firefox: 72.0.1
    Safari: 13.0.5
  npmPackages:
    @storybook/addon-actions: ^5.3.14 => 5.3.14 
    @storybook/addon-knobs: ^5.3.14 => 5.3.14 
    @storybook/addon-links: ^5.3.14 => 5.3.14 
    @storybook/addons: ^5.3.14 => 5.3.14 
    @storybook/react: ^5.3.14 => 5.3.14

knobs question / support

출처

benjarwar

👍1

가장 유용한 댓글

여기서 문제는 스토리 함수 내에서 객체 노브를 생성하지 않는다는 것입니다. 예제를 다음과 같이 변경하면 모든 설정이 완료되어야합니다.

export const Ctas = () => {

  const value = object(label, defaultValue);

  return (
    <div>
      <div>
        <h3>CTA</h3>
        <Cta href="#primary-cta" type="Primary">
          {text("Primary CTA Label", "Primary CTA")}
          {value.foo}
        </Cta>
      </div>
    </div>
  );
};

jonspalmer 에 2020년 02월 26일

👍5

모든 2 댓글

여기서 문제는 스토리 함수 내에서 객체 노브를 생성하지 않는다는 것입니다. 예제를 다음과 같이 변경하면 모든 설정이 완료되어야합니다.

export const Ctas = () => {

  const value = object(label, defaultValue);

  return (
    <div>
      <div>
        <h3>CTA</h3>
        <Cta href="#primary-cta" type="Primary">
          {text("Primary CTA Label", "Primary CTA")}
          {value.foo}
        </Cta>
      </div>
    </div>
  );
};

jonspalmer 에 2020년 02월 26일

👍5

아, 감사합니다 @jonspalmer. 그것은 실제로 속임수를 썼고 말이됩니다.

benjarwar 에 2020년 02월 26일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Storybook: 값을 변경할 때 노브 개체 UI가 사라짐

가장 유용한 댓글

모든 2 댓글

관련 문제