javascript - 将 html 标签插入到替换函数中

Question

我想将 Aufpreis 包裹在粗体 html 标签中以突出显示这一点，但如果我插入 html，它会将它们视为字符串的一部分，如何插入 html 标签？

数据

[item_1, item_2, item_3, item_4]

app.js

const Items = getItems(state).map((item) => {
            return {
            label: `${item.alias.replace('item', '')}(<b>Aufpreis</b>: ${item.value}euro)`,
            value: item.alias
            };
          });


const App = ({Items}) => (
{Items}
)

Answer 1

您可以将 JSX 分配给对象属性，而不是分配字符串。

需要有一个分组标签围绕您的元素。如果您不想使用 div，您可以使用 Fragment 标记 ( React.Fragment ) 并包装您需要在 {} 之间执行的任何代码评估.

label: <React.Fragment>{item.alias.replace('item', '')}<b>Aufpreis</b>:({item.value}euro)</React.Fragment>

或

label: <div>{item.alias.replace('item', '')}<b>Aufpreis</b>:({item.value}euro)</div>