title: Passing multiple props to React component
body: <p>I am trying to pass two argument using props in <code>ImageText</code> component.<br>
  I am not sure if it is right method or I have to create a map and then pass it.</p>
  
  <pre><code>import React, { PropTypes, Component } from 'react'
  
  const ImageText = () =&gt; (
      &lt;div className="img-with-text"&gt;
          &lt;img  className="img" src={props.imageUrl} /&gt;
          &lt;p className="txt"&gt;{props.imageText}&lt;/p&gt;
      &lt;/div&gt;
  );
  
  export default ImageText;
  </code></pre>
  
  <p>Calling this component from another as follows</p>
  
  <pre><code>&lt;ImageText imageUrl="/js.com" imageText="food"/&gt;
  </code></pre>
  
  <p>But is throwing error as</p>
  
  <pre><code>Uncaught (in promise) ReferenceError: props is not defined
      at ImageText
  </code></pre>