Netlify CMS 自定义预览问题危险地SetInnerHTML={{ __html: widgetFor('body') }} 在 /admin preview

如何解决Netlify CMS 自定义预览问题危险地SetInnerHTML={{ __html: widgetFor('body') }} 在 /admin preview

我对这个组件有问题：

import CMS from 'netlify-cms-app'
import React from 'react'
import Article from './preview-templates/Article'
const ArticlePreview = ({ entry,widgetFor }) => {
    console.log(widgetFor('body'),'body!!!!');

    return (
        <Article title={entry.getIn(['data','title'])} >
            <div dangerouslySetInnerHTML={{ __html: widgetFor('body') }} />
        </Article>
    )
}

CMS.registerPreviewTemplate('Aktualnosci',ArticlePreview)

   <div dangerouslySetInnerHTML={{ __html: widgetFor('body') }} />

在预览中给我 [object,Object] 而不是 Markdown 预览。

这是我的 config.yml：

backend:
  name: git-gateway
  branch: main # Branch to update (optional; defaults to master)

media_folder: static/img
public_folder: /img

collections:
  - name: 'Aktualnosci'
    label: 'Aktualnosci'
    folder: 'src/pages/aktualnosci'
    create: true
    slug: '{{slug}}'
    fields:
      - {label: "Template Key",name: "templateKey",widget: "hidden",default: "post"}
      - {label: "Tytuł",name: "title",widget: "string"}
      - {label: "Data publikacji",name: "date",widget: "datetime"}
      - {label: "Opis",name: "description",widget: "text"}
      - {label: "Ujawnic posta?",name: "featuredpost",widget: "boolean"}
      - {label: "Obrazek",name: "featuredimage",widget: image}
      - {label: "Treśc calkowita",name: "body",widget: "markdown"}
      - {label: "Tagi",name: "tags",widget: "list"}
  

here is how it looks like