小程序中文本自动换行

前言

有时候后端返回的文本需要在特定位置进行换行（例如：名人名言和一些诗句都需要对文本进行换行处理）
我们可以要求后端返回的文本在需要换行的地方增加\n。

方法

1. 在原生小程序中直接使用text标签即可，text中的文本遇到\n会自动换行。

  // data: {
  //   message:'这是第一个换行；\n,这是第二个换行；\n这是第三个换行；\n'
  // },
<text>{
   
   {message}}</text>

2. taro框架中文本换行

  // state = {
  //   message: "这是第一个换行；\n,这是第二个换行；\n这是第三个换行；\n"
  // };
import { Text } from "@tarojs/components";
<Text
      dangerouslySetInnerHTML={
     
     {
     
     
      __html: this.state.message.replace(
      new RegExp("\n", "g"),
      "<br/>"
      )
      }}
></Text>
//只需要this.state.message换成你需要处理的文本即可