как сделать новую строку для реакции

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</>}  

Если ваш компонент принимает узлы в этом свойстве, а не string.

React не использует строки для создания HTMl, а HTML игнорирует разрывы строк, поэтому вам нужно превратить эту строку в JSX с разрывами строк или абзацами.