如何在nextjs中从.mdx获取前页( meta)?

t30tvxxf  于 2023-03-02  发布在  其他
关注(0)|答案(2)|浏览(159)

我根据文档设置了带有ts支持和mdx的nextjs13。
现在我想把从另一个文件导出的前页导入到一个文件中,可以吗?
pages/post.mdx包含

export const meta = {
  title: "some meta",
}

pages/index.tsx包含

import post from './post.mdx';
console.log(post.meta);

输出:

undefined

预期产出:

{ title: "some meta" }
gv8xihay

gv8xihay1#

找到解决方案while stepping over a github comment

错误:

import post from './post.mdx';
console.log(post.meta);

正确:

import post, { meta } from './post.mdx';
console.log(meta);
polhcujo

polhcujo2#

我使用front-matter,一个NPM包。
示例:

import React from "react";
import fm from "front-matter";

export default function SomeComponent({ markdown }) {
  const data = fm(markdown);

  return <div>{JSON.stringify(data)}</div>;
}

相关问题