truncate text in reactJS
<p>Hi I'm working in this reactJS component and I want to know if reactJS has capabilities to filter string contents:</p>

<pre><code>var Album = React.createClass({
  rawMarkup: function() {
  var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
  return { __html: rawMarkup };
},

render: function() {

  return (
    &lt;div className='col s12 m6 l4'&gt;
       &lt;div className='card'&gt;
         &lt;div className='card-image'&gt;
            &lt;img  style={{minHeight:'220px', maxHeight:'220px' }} src={this.props.image} /&gt;
         &lt;/div&gt;
         &lt;div className='card-content' style={{minHeight:'100px', maxHeight:'100px'}}&gt;
          &lt;span style={{overflow: 'hidden', textOverflow: 'ellipsis'}}&gt;             
             {this.props.name}
          &lt;/span&gt;
         &lt;/div&gt;
         &lt;div className='card-action'&gt;
         &lt;/div&gt;
        &lt;/div&gt;          
      &lt;/div&gt;
    );
  }
});
</code></pre>

<p>How can I truncate the text inside span tag??</p>

<p>regards</p>