react 16.8.x之后的版本 React Hooks

推荐阅读官方文档
https://zh-hans.reactjs.org/docs/hooks-intro.html

• useRef/useState

//使用hooks中的方法封装 Ellipsis 组件
import React, { useState, useRef } from 'react';
import { Tooltip } from 'antd';
import './Ellipsis.less';
export default function Ellipsis(props) {
  const ele = useRef(null);
  const [visible, setVisible] = useState(false);
  const handleMouseEnter = () => {
    if (ele.current.clientWidth < ele.current.scrollWidth) {
      setVisible(true);
    } else {
      setVisible(false);
    }
  };
  return (
    
      
 setVisible(false)}
      >
        {props.children}
      
    
  );
}

参考资料

React Hooks全面理解教程