Javascript 带next.js的内容丰富的richText

我试图在我的博客中整合内容丰富的文本，它只使用粗体、段落和斜体。我不能让图像和嵌入的东西出现

首先，我有一个组件：

const Content = ({ content }) => {
  return (
    <div className="content-body-contentful">
      {documentToReactComponents(content)}
    </div>
  )
}

const Content=（{Content}）=>{
返回(
{documentToReactComponents（内容）}
)
}

然后，在post页面中，我导入该组件并按如下方式传递de数据：

---

这个问题的答案是什么？

下面是通过Contentful将image与Next.js一起使用的示例。您可以类似地实现其余的项

import Image from 'next/image'

const renderProps = {
    renderNode: {
        [BLOCKS.EMBEDDED_ASSET]: node => {
            let { description, file } = node.data.target.fields

            return (
                <picture>
                    <Image src={file.url} alt={description} />
                </picture>
            )
        },
    },
}
const Content = ({ content }) => {
    return <div className="content-body-contentful">{documentToReactComponents(content, renderProps)}</div>
}

从“下一个/图像”导入图像
常数renderProps={
渲染节点：{
[BLOCKS.EMBEDDED_ASSET]：节点=>{
让{description，file}=node.data.target.fields
返回(
)
},
},
}
常量内容=（{Content}）=>{
返回{documentoreactcomponents（content，renderProps）}
}

您能否发布您尝试渲染的

内容，以及图像和“嵌入内容”的组件或渲染器
documentToReactComponents
尝试将
nodeType
映射到组件，或者您需要传入自定义渲染器。谢谢您的回答。我正在尝试渲染一个richText字段，它包含在一个段落和一个图像中。据我所知，我不仅要传递内容，还要传递节点类型，比如
文档到ActComponents（content，options，richTextDocument）
，但是我怎样才能获取内容组件中的article.fields.body？兄弟，你解决问题了吗？