当封面块中的唯一项目时自定义块破坏

Question

我已经创建了一个实现 InnerBlocks 的自定义块，当它位于一个 Cover 块中并且 Paragraph 块作为 [=14= 的第一个子块时，它工作得很好，没有错误]块。

然而，当我的自定义块是 Cover 块中的唯一项时，在我单击 InnerBlock 的附加按钮后，出现此错误：

Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

react_devtools_backend.js:2560 The above error occurred in the <UncontrolledInnerBlocks> component:
    in UncontrolledInnerBlocks (created by ForwardRef)

到目前为止我的自定义块的编辑功能：

export default function Edit(props) {
  const {clientId, setAttributes} = props;

  return (
    <div {...useBlockProps()} className="simple-carousel-container">
        <InnerBlocks
          orientation="horizontal"
        />
    </div>
  );
}

Answer 1

谢谢莎莉，这确实是问题所在。当它被实现为：

<div {...useBlockProps({className: "simple-carousel-container"})}>

再次感谢:)

当封面块中的唯一项目时自定义块破坏

Custom block breaking when sole item in Cover block

javascript

wordpress

reactjs

wordpress-gutenberg