javascript - 在 javascript 中使用 replaceAll()添加标签

Question

我有这个字符串：

export default function App() {
  const string = 'test data,cars,colors,demo';

  return (
    <div className="App">
      <h1>Hello {string.replaceAll(',','<br>')}</h1>
    </div>
  );
}

我预计：

test data<br>cars<br>colors<br>demo

但是我在我的字符串中得到一个没有中断的字符串。如何使用replaceAll（）实现我的期望？

标签： javascript

Answer 1

为了从字符串中显示 html，您必须使用dangerouslySetInnerHTML

export default function App() {
  const string = 'test data,cars,colors,demo';

  return (
    <div className="App">
      <h1 dangerouslySetInnerHTML={{ __html: `Hello ${string.replaceAll(',','<br>')}`}}></h1>
    </div>
  );
}