1. /* 超出部分隐藏，并且添加...*/
    2. div {
    3.     overflow: hidden;
    4.   text-overflow: ellipsis;
    5. }
    1. // 这是一个 tooltip 组件显示隐藏的回调函数
    2. handleVisibleChange = visible => {
    3.   // 通过判断真实宽度和显示宽度 控制是否显示 tooltip
    4.    if (this.container.clientWidth < this.container.scrollWidth) {
    5.      this.setState({
    6.        visible
    7.      })
    8.    }
    9.   // 下面这个判断原来代码没有
    10.   // 但是有这么个情况 如果元素的长度触发了上面的 css 设置由  18233588888 --> 182335888...
    11.   // 但这两个长度相等了！！！，也就是三个冒号的长度等于88两个字符的长度
    12.   // 这个时候解决方案一 是从数据源方面添加一个字段判断是否要显示（比较生硬）
    13.   // 看看还有没有其他解决方案  待续。。。。
    14.    if (this.props.showTip) {
    15.      this.setState({
    16.        visible
    17.      })
    18.    }
    19.  }