Reactjs 反应文本属性换行符

例如，我有一个名为data的prop，它以字符串作为参数

<MyComp 
  data="Some text, some other text"
/>

---

我怎样才能在

一些文本之后添加换行符呢？一个简单的转义/n标记是否有效（我的意思是，这是最佳实践吗？
您可以始终将文本作为组件的子道具

<MyComp>
  <div>
    <p>Here I'd like one line</p>
    <p>Here I'd like another line</p>
  </div>
</MyComp>


这里我想要一条线

这是我想要的另一条线


然后在MyComp中，您可以使用{props.children}
显示它，您可以始终将文本作为组件的子属性

<MyComp>
  <div>
    <p>Here I'd like one line</p>
    <p>Here I'd like another line</p>
  </div>
</MyComp>


这里我想要一条线

这是我想要的另一条线


然后在mycop中，您可以使用{props.children}
来显示它，这完全取决于如何使用
数据。转义字符（
\n
）在JSX中不起作用。在这种情况下，我建议将线拆分到多个道具上，或者通过一个具有多条线的阵列

但是，如果要将其用于输入元素（如textarea），可以很好地使用转义字符
 这完全取决于如何使用
数据
道具。转义字符（
\n
）在JSX中不起作用。在这种情况下，我建议将线拆分到多个道具上，或者通过一个具有多条线的阵列

但是，如果要将其用于输入元素（如textarea），可以很好地使用转义字符
 如果您的目标是直接呈现文本，
\n
将不起作用

例如，您可以在渲染函数的末尾添加一个

标记：

const MyComp = ({ data }) => <p>{data}<br/></p>

constmycomp=（{data}）=>{data}


如果可选，则可以添加布尔属性：

<MyComp 
  data="Some text, some other text"
  break={true}
/>

const MyComp = ({ data, break }) => <p>{data}{break && <br/>}</p>


常量mycop=（{data，break}）=>{data}{break&


另一种方法是使用嵌套组件，以获得更大的灵活性：

<MyComp>
    <p>
        Some text, some other text<br/>
    </p>
</MyComp>

const MyComp = ({ clidren }) => children



一些文本，一些其他文本


const mycop=（{clidren}）=>子对象

但是，如果您只是想将此文本发送到其他地方，添加
\n
是可以的。
如果您的目标是直接呈现文本，
\n
将不起作用

例如，您可以在渲染函数的末尾添加一个

标记：

const MyComp = ({ data }) => <p>{data}<br/></p>

constmycomp=（{data}）=>{data}


如果可选，则可以添加布尔属性：

<MyComp 
  data="Some text, some other text"
  break={true}
/>

const MyComp = ({ data, break }) => <p>{data}{break && <br/>}</p>


常量mycop=（{data，break}）=>{data}{break&


另一种方法是使用嵌套组件，以获得更大的灵活性：

<MyComp>
    <p>
        Some text, some other text<br/>
    </p>
</MyComp>

const MyComp = ({ clidren }) => children



一些文本，一些其他文本


const mycop=（{clidren}）=>子对象

但是，如果您只是想将此文本发送到其他地方，添加
\n
就可以了。
您可以添加
\n
您可以添加
\n
我拆分了/w多个道具我拆分了/w多个道具