通过css处理过长的文本超过的部分以’...‘显示

    .title {
      width:200px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    } 

再配合Tooltip组件使用

       <Tooltip title={啊啊啊啊啊啊啊} placement="top">
           <div className="title">{啊啊啊啊啊啊啊}</div>
       </Tooltip>

把鼠标放在未展示全的文本上就会显示完全的文本tip