title: How to transform plain text to html JSX in ReactJS
body: <p>I have component like this:</p>
  
  <pre><code>import React from 'react';
  import Autolinker from 'autolinker';
  
  class Comment extends React.Component{
  
      constructor(props){
          super(props);
      }
  
      render(){
          return &lt;li className="media comment"&gt;
              &lt;div className="image"&gt;
                  &lt;img src={this.props.activity.user.avatar.small_url} width="42" height="42" /&gt;
              &lt;/div&gt;
              &lt;div className="body"&gt;
                  &lt;p&gt;
                      &lt;strong&gt;{this.props.activity.user.full_name}&lt;/strong&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;p&gt;
                      {Autolinker.link(this.props.activity.text)}
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/li&gt;;
      }
  }
  
  export default Comment;
  </code></pre>
  
  <p>Autolinker returns me a string value like this:</p>
  
  <pre><code>"So basically &lt;a href="http://www.silastar.com/dev-sila" target="_blank"&gt;silastar.com/dev-sila&lt;/a&gt; is perfect and works correctly?"
  </code></pre>
  
  <p>How to convert this string to html JSX so that anchor link would appear as link not as plain text??</p>