React-Truncate-Text 

Install

``
npm install react-text-truncate
`

Usage

`js
import TextTruncate from 'react-text-truncate'; // recommend
var TextTruncate = require('react-text-truncate'); // CommonJS or UMD
`

Markup

`jsx
line={1}
element="span"
truncateText="…"
text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."
textTruncateChild={Read on}
/>
``

Demo

FAQ

1. Why TextTruncate not shown after display changed?

You must trigger update manually.

2. Will TextTruncate support IE10 or below?

No! IE 10 and below are dead according to Microsoft post.