title: React | pass data from parent to child component
body: <p>In React, I'm having Files like</p>
  <pre><code>--parent.js
  --child.js
  --App.js
  </code></pre>
  <p><strong>parent.js</strong> contains Textbox and button</p>
  <p><strong>child.js</strong> contains P tag</p>
  <p><strong>App.js</strong> contains Both Parent and Child  Component</p>
  <p><strong>Problem</strong></p>
  <p>Pass the Textbox value from Parent on button click to child and display the value in child paragraph tag.</p>
  <p><strong>Full Code</strong> <a href="https://stackblitz.com/edit/react-gkkn3p?file=index.js" rel="nofollow noreferrer">stackblitz</a></p>