在mdx文件中使用Javascript

在mdx文件中使用Javascript,javascript,reactjs,storybook,Javascript,Reactjs,Storybook,大家好,我正在构建一个设计系统的故事书,我想使用Docs和Knobs插件。我正在mdx文件中创建故事,并将第一个故事作为组件的预览,用户可以尝试在旋钮中更改不同的道具 import { select } from '@storybook/addon-knobs'; const label = 'Colors'; const options = { Red: 'red', Blue: 'blue', Yellow: 'yellow', Rainbow: ['red

大家好,我正在构建一个设计系统的故事书,我想使用Docs和Knobs插件。我正在mdx文件中创建故事,并将第一个故事作为组件的预览,用户可以尝试在旋钮中更改不同的道具

        import { select } from '@storybook/addon-knobs';

const label = 'Colors';
const options = {
  Red: 'red',
  Blue: 'blue',
  Yellow: 'yellow',
  Rainbow: ['red', 'orange', 'etc'],
  None: null,
};
const defaultValue = 'red';
const groupId = 'GROUP-ID1';

const value = select(label, options, defaultValue, groupId);

我试图使用插件文档中的实现,但它在mdx文件中不起作用。是否有人对此或其他方法有解决方案。我想用文档插件和旋钮来尝试组件的不同道具。

你看到了吗?他们提到在元装饰器中包含withKnobs<代码>完美!谢谢你的帮助:)你看到了吗?他们提到在元装饰器中包含withKnobs<代码>完美!谢谢你的帮助:)