如何为自定义Storybook插件呈现MD文件

Question

我正在尝试呈现一个通过参数传递的MD文件。我可以成功地显示文本，但我真的想把它格式化成MD文件。

我试图使用@storybook/addon-docs，但这些似乎需要在MDX文件中使用，而不是直接在React中使用，因为我得到了这个错误：Uncaught TypeError: storyById is not a function。

import React from 'react';
import { useParameter } from '@storybook/api';
import { Title, Description } from '@storybook/addon-docs';
import { PARAM_KEY } from '../constants';
const WhatsNewPanel = (props: any) => {
const value = useParameter(PARAM_KEY, null);
const item = value ? value : 'No Markdown Defined';
return (
<>
<Title>What&apos;s New?</Title>
<Description>{item}</Description>
</>
);
};
export default WhatsNewPanel;

如果我删除Title和Description组件，我可以成功地看到未格式化的MD文本。

有人知道API或格式化MD文件的方法吗？

我的PR代码。

Answer 1

react markdown是我的第一次尝试，效果很好，但后来我发现，如果我拉import { Description } from "@storybook/components";而不是@storybook/addon-docs，一切都会如预期一样。

代码可以在我的请求中看到。