title: React you cannot pass props inside a regular function but you can pass a prop through a class component
body: <p>I tried making a class and pass the prop named input under the Time component and the prop renders the prop name however I do the same but instead of using a class I use a function named Kite and try to do the same thing but I get an object error in the console and nothing doesn't render on the page is there a way I can pass a prop through a regular function instead of a class?</p>
  <pre class="lang-js prettyprint-override"><code>function Kite() {
    return (&lt;h1&gt;{this.props.kiteprop}&lt;/h1&gt;)
  }
  
  class Time extends React.Component {
    render() {
      return (
        &lt;div&gt;
          &lt;Test input=&quot;dsa&quot; /&gt;
          &lt;Kite kiteprop=&quot;showtext&quot; /&gt;
          &lt;div&gt;{this.props.input}&lt;/div&gt;
          &lt;span&gt;{new Date().toLocaleDateString()}&lt;/span&gt;
        &lt;/div&gt;
      );
    }
  }
  
  ReactDOM.render(&lt;Time input=&quot;joe&quot; input=&quot;[1, 2]&quot; input=&quot;false&quot; /&gt;, document.getElementById(&quot;root&quot;));
  </code></pre>