wordpress - 保存功能上的wordpress古腾堡验证错误

Question

所以我在玩wordpress gutenberg block dev。并且已经做了一些简单的。现在我正在尝试制作一个更复杂的滑块。一切正常，直到我得到验证错误的保存功能和关于 EndTag 的奇怪通知，我没有得到。这是我的保存功能，现在我只是想保存幻灯片标题。如果我在地图中控制台登录，我会得到我想要的。

    save: function( props ) {
const { slides } = props.attributes; 
const id = props.attributes.id;

const displaySlides = slides.map((slide) => {
  return (
    <div>
      <span>{slide.title}</span>
    </div>
  )
});


return (
  <div>
    {displaySlides}
  </div>
)
},

这是我在开发工具中遇到的错误：

请注意，标题在那里，但我仍然收到验证错误！

我在这里想念什么？EndTag 是什么？

此致

Answer 1

您的编辑功能节点列表与保存功能节点列表不匹配。这就是您收到此错误的原因。仔细看，预期有一个节点列表 WP，但它有一个不同的节点列表。