reactjs - 使用 Storybook 插件旋钮，如何调整虚拟数据？

Question

在我的 React Storybook 中，我使用了旋钮，我想为虚拟数据添加一个旋钮。这是我的故事书组件示例：

import React from 'react';
import { boolean } from '@storybook/addon-knobs/react';
import { MySteps } from '../../src/components/index';

const steps = [
  {
    completed: true,
    title: 'xxxxxxx',
  },
  {
    completed: false,
    title: 'x',
  },
];

export default () => (
  <div>
    <MySteps
       steps={steps}
    />
  </div>
);

我想像这样添加一个旋钮：

export default () => (
  <GettingStartedSteps
    step_1_completed={boolean('Step 1 Completed', true)}
    step_2_completed={boolean('Step 2 Completed', false)}
    steps={steps}
  />
);

使用 Storybook + 旋钮可以实现这种动态虚拟数据吗？