react-ellipsis-text

EllipsisText.propTypes = {
  text: PropTypes.string.isRequired,
  length: PropTypes.number.isRequired,
  tail: PropTypes.string,
  tailClassName: PropTypes.string,
  tooltip: PropTypes.shape({
    copyOnClick: PropTypes.bool,
    onAppear: PropTypes.func,
    onDisapepear: PropTypes.func
  })
};

"use strict";
 
import React from "react";
import EllipsisText from "react-ellipsis-text";
 
//allow react dev tools work
window.React = React;
 
class App extends React.Component {
  constructor(props) {
    super(props);
  }
 
  render() {
    return (
      <div>
        <EllipsisText text={"1234567890"} length={"5"} />
      </div>
    );
  }
}
 
React.render(<App />, document.getElementById("out"));
 
// It will be
// <div>
//   <span><span>12</sapn><span class='more'>...</span></span>
//  </div>
//