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>

将html标签插入到replace函数中

1 个答案: