如何在JSON文本中添加换行符以做出反应

Question

我正在渲染一些带有一些文本的卡片。文本和卡片图像保存在json文件中，而我正在循环浏览卡片元素。卡上的文字之一需要换行，我不太确定该怎么做。卡片在这里寄出

{data.section2.cards.map((item, index) => {
  const img = imgUrl.base + item.img;
  return (
    <CustomColumn padding={'0'} md={6} lg="3" key={`sc2${index}`}>
      <CardComponent
        img={img}
        msize={'320px'}
        text={intl.formatMessage(messages[item.text])}
      />
    </CustomColumn>
  );
})}

item.text引用了一个键：

{
  "type": "footerText",
  "img": "home/section-3/boxes/3/image%402x.png",
  "text": "section4_image3_text"
},  

和“ section4_image3_text”是指具有原始文本"app.components.HomePage.section4_image3_text": "Large Fleet"的json文件。 我已经在google上搜索了，并且从react文档中发现我需要实现它：

text.split('\n').map((item, i) => {
  return <p key={i}>{item}</p>;
});

但是我很新来做出反应，不确定如何执行此操作。有什么帮助吗？