Passing multiple props to React component
<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>