映射时使用HTML元素

Question

我目前正在获取一个数据表，它有2个值需要映射。映射工作得很好，但我想添加一些自定义文本。

newDataRows(
dataToBeMapped.map((m) => ({
id: m.id, data:`<span>Bold Me:</span>${m.oldData}`
})));

我希望有<span>部分工作，但我得到[object Object]在我的浏览器上。在这一行中有实现HTML的方法吗?

Answer 1

将data:'<span>Bold Me:</span>${m.oldData}'替换为data: <><span>Bold me</span>m.oldData</>

它不是HTML而是JSX
什么是JSX?