Javascript 返回数组后的JSX意外标记

我第一次在WordPress中创建了自己的古腾堡区块。我收到一个错误：

---

SyntaxError:意外标记“此错误是由于在返回语句中返回多个元素而没有根/父元素造成的。从语法角度来看，这是一个令人沮丧的错误，一切似乎都很好，当您开始使用React创建第一个WordPress gutenberg块时，文档/教程中没有立即明确这一概念

要解决此问题，所有子元素都需要属于父/根元素，通常称为

在示例中，返回包括InspectorControl在内的所有元素，例如：

return ([
<div className={className}> // Add this 
    <InspectorControls>
     /** Code Block **/
    </InspectorControls>

    <div>
    /** Code Block **/
    </div>
</div> // Add enclosing tag
  ]);

返回([
//加上这个
/**代码块**/
/**代码块**/
//添加封闭标记
]);

或者，这可以通过在
中包装子元素来解决（）：

返回([
//添加此（通用的ReactJS片段）
/**代码块**/
/**代码块**/
//添加封闭标记
]);

我发现这有助于更好地理解如何为WordPress Gutenberg编写代码。
此错误是由于在返回语句中返回多个元素而没有根/父元素造成的。从语法角度来看，这是一个令人沮丧的错误，一切似乎都很好，当您开始使用React创建第一个WordPress gutenberg块时，文档/教程中没有立即明确这一概念

要解决此问题，所有子元素都需要属于父/根元素，通常称为
在示例中，返回包括InspectorControl在内的所有元素，例如：

return ([
<div className={className}> // Add this 
    <InspectorControls>
     /** Code Block **/
    </InspectorControls>

    <div>
    /** Code Block **/
    </div>
</div> // Add enclosing tag
  ]);

返回([
//加上这个
/**代码块**/
/**代码块**/
//添加封闭标记
]);

或者，这可以通过在
中包装子元素来解决（）：

返回([
//添加此（通用的ReactJS片段）
/**代码块**/
/**代码块**/
//添加封闭标记
]);

我发现这有助于更好地理解如何为WordPress Gutenberg写作

return ([
<> // Add this (generic ReactJS fragment) 
    <InspectorControls>
     /** Code Block **/
    </InspectorControls>

    <div>
    /** Code Block **/
    </div>
</> // Add enclosing tag
  ]);