React-Truncate-Text 
Install
npm install react-text-truncate
Usage
import TextTruncate from 'react-text-truncate'; // recommend
var TextTruncate = require('react-text-truncate'); // CommonJS or UMDMarkup
<TextTruncate
line={1}
element="span"
truncateText="…"
text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."
textTruncateChild={<a href="#">Read on</a>}
/>FAQ
-
Why TextTruncate not shown after display changed?
You must trigger update manually.
-
Will TextTruncate support IE10 or below?
No! IE 10 and below are dead according to Microsoft post.