Javascript 如何为react创建新的生产线

请参阅以下代码：

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

---

\n不在此工作

您可以执行以下操作：

 {text.split(“\n”).map(function(item) {
    return (
       {item}
       <br/>
    )
 })}

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

{text.split（“\n”）.map（函数（项）{
返回(
{item}


)
})}

在您的特定情况下，它将如下所示：

 {text.split(“\n”).map(function(item) {
    return (
       {item}
       <br/>
    )
 })}

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

itemsdescription={XXXX
-PPPP}

如果组件接受该属性中的节点，而不是字符串

---

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

您可以执行以下操作：

 {text.split(“\n”).map(function(item) {
    return (
       {item}
       <br/>
    )
 })}

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

{text.split（“\n”）.map（函数（项）{
返回(
{item}


)
})}

在您的特定情况下，它将如下所示：

 {text.split(“\n”).map(function(item) {
    return (
       {item}
       <br/>
    )
 })}

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

itemsdescription={XXXX
-PPPP}

如果组件接受该属性中的节点，而不是字符串

---

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

这是否回答了您的问题？这回答了你的问题吗？