如何做出反应的新路线

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。