在Storybook中，是否有办法改变一个道具的价值，使另一个道具重新渲染？

Question

这是我要实现的目标：
故事画布中的一个按钮，单击该按钮可以更改传递到故事中的道具，从而更改组件的行为

我有类似以下内容：

.add('Sample story',
  () => {
    let knob1 = boolean(‘Boolean knob’, false);
    return {
      template: `<button (click)=“changeSampleProp()"></button><custom-component [sample]=“sampleProp"></custom-component>`,
      props: {
        sampleProp: knob1,
        changeSampleProp: () => {
          knob1 = true; // this doesn’t force the story to re-render / trigger Angular change detection
        },
      },
    };
  }
}

实际：
sample道具在组件上没有改变。 sampleProp也不反映knob1的新值。