如何为 JSX 使用附加 (+=) 运算符？

【问题标题】：How do I use the append (+=) operator for JSX?如何为 JSX 使用附加 (+=) 运算符？
【发布时间】：2022-11-11 00:54:35
【问题描述】：

我正在尝试将 append (+=) 运算符用于 JSX 表达式：

let j = "";
for (let i in [1,2,3]) {
  j += <span>{i}</span>;
}

但它意外地呈现为三个字符串，而不是 HTML：

[object Object][object Object][object Object]

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

JSX 不支持 append 操作符。请改用Array.map()：

[1,2,3].map((i) =>
  <span>{i}</span>
);

【讨论】：