定义在多个 docusaurus 2 md 文件中使用的可重用 JSX 函数

如何解决定义在多个 docusaurus 2 md 文件中使用的可重用 JSX 函数

我在一个 MD 文件中定义了一个 JSX 函数并且它运行成功。但是，我想将它定义在可以在我创建的其他 MD 文件中重用的地方？我该怎么做？

供参考，这是我定义的函数

export default Card = ({title,desc,btnName,btnLink}) => (
    <div className="card col col--6">
        <div class="card__header">
            <b>{title}</b>
        </div>
        <div>
            <div className="card__body">
                <p>{desc}</p>
            </div>
        </div>
        <div className="card__footer">
            <a className="button button--secondary button--block" href="{btnLink}">{btnName}</a>
        </div>
    </div>
);