有没有办法在React中导入MDX或MD markdown文件并在数据数组中使用它？

npm install @mdx-js/react
npm install @mdx-js/loader

import { MDXProvider } from '@mdx-js/react';
import { mdx } from '@mdx-js/react';

import MyMdxFile from './path/to/MyMdxFile.mdx';

const data = [
  {
    title: 'Example',
    content: <MyMdxFile />,
  },
  // ...
];

const MyComponent = () => {
  return (
    <div>
      {data.map((item, index) => (
        <div key={index}>
          <h2>{item.title}</h2>
          {item.content}
        </div>
      ))}
    </div>
  );
};