Javascript 如何使用react组件多次替换字符串的部分？

如何用另一个react组件再次替换字符串的部分？这是一个理论上的例子，当然不起作用。。。但这是不言自明的

const text = "hello world";
const parts = text.split(" ");

temp1 = parts.map(part => {
  return part.match(/hello/) ?
          `<b>${part}</b>` :          
          part.match(/world/) ?
          `<i>${part}</i>`:
          part
})
text1 = `<div>${temp1.join(' ')}</div>`;

console.log(text1)

const text=“你好世界”；
常量部分=text.split（“”）；
temp1=parts.map（part=>{
返回部件。匹配（/hello/）？
`${part}`:
part.match（/world/）？
`${part}`:
部分
})
text1=`${temp1.join（''）}`；
console.log（text1）

---

结果：

hello world

让我们开始时不要做出反应，不要试图分解您正在做的事情（我将使用字符串而不是jsx）：

let text=“hello world”；
让我们看看，零件；
reg=newregexp（/hello/）；
部分=文本分割（reg）；
temp1=parts.map（part=>part.match（reg）“${part}”：part）
text1=`${temp1}`；
reg=新的RegExp（/world/）；
部分=文本分割（reg）；
temp2=parts.map（part=>part.match（reg）“${part}”：part）
text2=`${temp2}`；
console.log（text1）
console.log（text2）

---

。作为控制台包装{max height:100%！important；top:0；}

我更新了我的答案，也向您展示了如何在React中实现所需的输出。如果我帮助你解决你的问题，请考虑投票和正确答案。谢谢你是个传奇人物，太棒了。很高兴能帮上忙！：）