title: truncate text in reactJS
body: <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>