保存功能时wordpress gutenberg验证错误

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，但是它得到了不同的节点列表。