如何为反应创建一条新线

Question

参考下面的代码：

<item

     itemName={"laptop"}

     itemDescription={"- XXXX \n - PPPP"}    // how could I make a new line for this?

/>

\n 不在这工作

Answer 1

你可以这样做：&nbsp;{text.split(“\n”).map(function(item) {&nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; &nbsp;{item}&nbsp; &nbsp; &nbsp; &nbsp;<br/>&nbsp; &nbsp; )&nbsp;})}在您的特定情况下，它看起来像这样：&nbsp;itemDescription={<>XXXX <br /> - PPPP</>}&nbsp;&nbsp;如果您的组件采用该属性中的节点，而不是字符串。React 不使用字符串来创建 HTMl，而 HTML 会忽略换行符，因此您需要将该字符串转换为带有换行符或段落的 JSX。