React 语法错误 - 解析错误：意外的标记，答案

【问题标题】：React syntax error - Parsing error: Unexpected token,React 语法错误 - 解析错误：意外的标记，
【发布时间】：2023-01-20 19:31:06
【问题描述】：

const Sidebar = () => (
    <Stack direction="row" sx={{ overflowY: "auto", height: { sx: 'auto', md:'95%' }, flexDirection: { md: 'column' }, }}
>

 {categories.map((category) => (
    <button className="category-btn" style={{ background: category.name === selectedCategory && '#FC1503', color: 'white' }}
    key={category.name}
 >
   <span style = {{ color: category.name === selectedCategory ? 'white' : 'red', marginRight: '15px'}}>
   {category.icon}</span>
   <span style = {{ opacity: category.name === selectedCategory ? '1' : '0.8'}}>{category.name}</span>
   </button>
 ))}

最后我得到一个第 19:4 行：解析错误：意外标记 (19:4)

似乎无法理解最后一行的括号有什么问题，刚开始使用 React 并检查了这一点，重写和编辑了无数次无济于事。

【问题讨论】：

缺少 Sidebar 的右括号 ) ...？

标签： javascript node.js reactjs syntax

【解决方案1】：

你忘了正确关闭你的。 2 种可能性：<Stack>content</Stack> 或 <Stack />

【讨论】：