有关replace()的问题

在改之前公司项目的时候，根据输入框的内容匹配列表里包含该内容的文字变红
本人刚开始写的是根据输入框的内容，把列表中含有该内容的文字变红

content  //拿到的内容字段
text //每个列表的信息
const newText=text.replace(content,`<span style="color: red">${content}</span>`)
return (
 	<span dangerouslySetInnerHTML={{ __html: newText }}  />   //会把上文中的标签转成dom
);

但是这个只能匹配到列表信息中第一个和输入内容一样的
后面我试了replace(/内容/g,替换的内容)，这个好像只能匹配第一个是固定值的，
后面换成了replaceAll()完美解决