javascript - jsx 添加动态 className 出现意外 token 错误

Question

{IconsJson.map(obj => { 
     let className = 'sa-icon sa-icon-' + {obj.name};
     return <i className={className}>{obj.name}</i>
})}

为什么上面的语法无效？ map 是 es6。

Answer 1

这样写:

{
   IconsJson.map((obj,i) => { 
       let className = `sa-icon sa-icon-${obj.name}`;
       return <i key={i} className={className}>{obj.name}</i>
   })
}

注意:为每个元素分配唯一的键，否则会抛出警告。检查DOC .