title: How to add logical if statement when rendering React components?
body: <p>if I have code that looks like this...</p>
  
  <pre><code>var Lounge = React.createClass({displayName: "Lounge",
    render: function() {
      return (
              React.createElement("a", {href:"/lounge/detail/" + this.props.id +  "/"},
              React.createElement("div", {className: "lounge"},
              React.createElement("h2", {className: "loungeAuthor"},
                this.props.author.name
              ),
              React.createElement("p", {className: "loungeArticle"},
                this.props.article
              ),
              React.createElement("img", {className: "loungeImage", src: this.props.image})
            )
          )
      );
    }
  });
  </code></pre>
  
  <p>I need to do a logical if check to only render the "img" component if the image data exists.  Does anybody know the best way to go about this using React? </p>