在Reactjs中突出显示一行表中的一个单词

Question

我有一个行对象，比如user，它包含列的键值对和该列的值。现在我想突出显示该行中出现的所有特定单词，然后返回更新后的行。Reactjs表

我试过这样的东西，但它不起作用

const searched = searchVal;
if (searched !== "") {
Object.entries(user).forEach(([key, value]) => {
if (value.includes(searched))
{

const re = new RegExp(searched, "g");
const newText = value.replace(re, `<mark>${searched}</mark>`);
value = newText;

}
return origData[index];
}
});
}

Answer 1

类似的内容

const searched = 'jo'

const user = {
name: "john",
lastname: "doe"
}
const highlight = (obj, search) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, value.replace(new RegExp(search, 'ig'), `<mark>${search}</mark>`)]))

console.log(highlight(user, 'jo'))