<Text className="name">这是一段文本</Text>

.name {
      width: 100px;
      height: 32px;
      align-items: center;
      color: #fff;
      font-size: 22px;
      font-style: normal;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

css text-overflow 处理文本溢出显示省略号不生效