如何制作新的反应线

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。