title: Can I update the state of a prop
body: <p>Im new to React. Can we change the state of a prop? For eg I have 2 pieces of code</p>
  <p><strong>App.js</strong></p>
  <pre><code>import React, { useState } from 'react' 
  import Print from '../components/Print/print'
  
  const [text, setText] = useState(&quot;Hi&quot;);
  
  &lt;Print text = {text} /&gt;
  </code></pre>
  <p><strong>print.js</strong></p>
  <pre><code>import React, { useState } from 'react'
  
  const Print = (props) =&gt; {
      return(
              &lt;p&gt;props&lt;/p&gt;
     )
  
  export default Print
  </code></pre>
  <p>Is there a way to change the state of the prop i.e use <code>useState()</code> in <code>print.js</code> to update the state. For eg can we do something like <code>setText(prop)</code> in <code>print.js</code>. If not like this then how would you trigger a state change from <code>print.js</code> for variable <code>tech</code> in <code>App.js</code> ?</p>