React项目中我先获取一个字符串，我想让这个字符串中的关键字进行高亮显示，请问如何解决？

Question

799疾风版空山无限天涯无限

我现在就写到这里，不知道怎么继续下去，求各位帮忙写个简单的demo

let values = item.split('无限');

let valuesContent = values.join(`keyWord`);

我不知道 <div>{}</div> 中的 {} 应该怎么写？没什么思路

Answer 1

大概思路就是用正则替换关键字加上高亮标签

const string = '799疾风版空山无限天涯无限';
const keyWord = '无限';
const reg = new RegExp(keyWord, 'g');
const result = string.replace(reg, `<b>${keyWord}</b>`);
console.log(result)