title: How do I get the new updated data from react hooks or useEffect?
body: <p>How do I get the newly updated data from react hooks or useEffect?</p>
  
  <p>I loaded the parent components with the title: <code>Shoes</code> then change the input to <code>"New Shoes"</code> but the data inside my child components doesn't change, its still <code>"Shoes"</code>. how do I get it updated?</p>
  
  <p>in the parent components:</p>
  
  <pre><code>&lt;UrlInput
     value={url}
     title={title}
     baseURL={baseURL}
     onChange={this.onURLChange}
  /&gt;
  </code></pre>
  
  <p>Child component</p>
  
  <pre><code>const UrlInput = ({title}) =&gt; {
      const [newTitle, setTitle] = useState(title);
  
       useEffect(() =&gt; {
           console.log(title)
           setTitle(newTitle)
       })
  
    return (
  
    );
  };
  </code></pre>