如何在Nextjs 13.4中使用next-mdx-remote/rsc传递用于MDX的自定义数据

zsbz8rwp  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(112)

在next-mdx-remote的非RSC版本中,我可以通过将数据传递给scope prop来传递自定义数据,以便在.mdx中使用,如下所示:
<MDXRemote {...source} components={components} scope={data} />
但是使用next-mdx-remote/rsc时,作用域属性似乎不起作用:

const source = fs.readFileSync(mdxPath, 'utf8')
const {content, data} = matter(source)
const customData = { product: 'next' }

return (

<MDXRemote source={content} components={...components} scope={customData} />
)

字符串
当我尝试访问mdx内部的{product}时,它显示为product is not defined
通过next-mdx-remote/rsc发送自定义数据的正确方法是什么?还有,是否有一种方法可以将作用域组合到源代码中,就像过去将作用域传递给序列化方法一样?
尝试将范围传递到
已尝试将自定义数据合并到源

p4tfgftt

p4tfgftt1#

来自next-mdx-remote/rsc的MDXRemote接受options prop中的scope参数。

<MDXRemote
  source={content}
  components={components}
  options={{ scope: customData }}
/>

字符串

相关问题