如何为反应创建一条新线

Question

参考下面的代码：<item     itemName={"laptop"}     itemDescription={"- XXXX \n - PPPP"}    // how could I make a new line for this?/>\n 不在这工作

Answer 1

你可以这样做：

 {text.split(“\n”).map(function(item) {

    return (

       {item}

       <br/>

    )

 })}

在您的特定情况下，它看起来像这样：

 itemDescription={<>XXXX <br /> - PPPP</>}  

如果您的组件采用该属性中的节点，而不是字符串。

React 不使用字符串来创建 HTMl，而 HTML 会忽略换行符，因此您需要将该字符串转换为带有换行符或段落的 JSX。