js它给出了一个包围错误，但它没有出现。 JS答案

【问题标题】：jsIt gives a bracketing error, but it doesn't appear. Jsjs它给出了一个包围错误，但它没有出现。 JS
【发布时间】：2025-11-26 18:40:02
【问题描述】：

我是 javasacript 的新手。此外，我正在使用 React 开发一个应用程序。我今天收到一个解析错误。可能是标点错误。但我找不到在哪里。你能帮我吗？

export const CategorySuite = ({items}) => {
  
  return (
{items.map(item => <Item item={item}/>)}
    
  );
};

错误 =>


  13 |   
  14 |   return (
> 15 | {items.map(item => <Item item={item}/>)}
     |       ^
  16 |     
  17 |   );
  18 | };

【问题讨论】：

{ ... } 的外部集合是什么，应该实现什么？在我看来，这只是意味着这个地方的对象语法 - 但一个对象需要一个属性名称，而不仅仅是一个值。
当我点击菜单时，我希望它显示来自 CategorySuite 的数据。我在 Item.js（设计）和 App.js（功能）中有产品
语法错误是{ }。这意味着您想要返回一个对象 - 但是您必须指定键和值，例如{ type: 'apple', color: 'red' } - 但您只是指定了一个没有意义的表达式（如 { 'apple' }）。（还有{ type } 等语法，但这是一个标识符，而不是一个表达式，它等于{ type: type }。）我猜你只想删除{}。跨度>

【解决方案1】：

如果您不返回 JSX，则不能使用外括号。应该只是：

return items.map(...)

【讨论】：

TypeError: Cannot read properties of undefined (reading 'map') now 它给出了这样的错误。当我这样写时，它可以工作，但我需要一个错误。 ````export const CategorySuite= ()=>{ return (

) }
@psyduckduck 那是因为 items （显然）不是一个数组，但这是一个单独的问题。