title: How to reuse JSX elements in react?
body: <p>I don't know separate the code in span and the text appending it</p>
  
  <pre><code>getAuthorInfo() {
      if (this.props.anonymous_author) {
          return &lt;p className="meta-data-type topic-label"&gt;{this.props.author.display_name}, {this.props.author.primary_specialty_name}&lt;/p&gt;;
      }
      return &lt;p className="meta-data-type topic-label"&gt;{this.props.author.display_name}, {this.props.author.primary_specialty_name} &lt;span className="glyphicon glyphicon-map-marker" /&gt;{this.props.author.location}&lt;/p&gt;;
  }
  </code></pre>
  
  <p>I don't think jsx let me to define a variable to be just  and raw text
  any ideas?</p>