js react 如何将replace返回的字符串变成可以渲染的标签

在React中，可以使用dangerouslySetInnerHTML属性来渲染包含HTML代码的字符串。但是需要小心使用，因为它可以导致潜在的安全问题。

以下是一个示例代码，演示如何将replace返回的字符串变成可以渲染的标签：

import React from 'react';

function App() {
  const str = 'Hello, <strong>World!</strong>';
  const replacedStr = str.replace(/<strong>(.*?)<\/strong>/g, '<b>$1</b>');

  return (
    <div dangerouslySetInnerHTML={{ __html: replacedStr }}></div>
  );
}

export default App;

在上面的示例中，replace方法将<strong>标签替换为<b>标签。然后使用dangerouslySetInnerHTML属性将替换后的字符串渲染为HTML标签。请注意，使用dangerouslySetInnerHTML时需要小心，确保字符串内容是可信的，以防止潜在的XSS攻击