title: How to render a Component to use data on props but not show it on REACT JS?
body: <p>I want to render a component because I need some of te props that comes with it to show on screen, but I dont want to show the element itself.</p>
  <p>I tried using:</p>
  <pre><code>import React, { useState } from 'react';
  
  const Test = () =&gt; {
  
      const [elementLenght, setElementLenght] = useState(0);
      const [showHideElement , setShowHideElement ] = useState(false);
  
  return (
     &lt;Fragment&gt;
       {showHideElement &amp;&amp; (&lt;Element lenght={setElementLenght} /&gt;)}
       &lt;h1&gt;{elementLenght}&lt;/h1&gt;
     &lt;/Fragment&gt;
  
  )
  
  }
  
  export default Admin
  </code></pre>
  <p>The Element Component has an array of objects whit lenght of 8.</p>
  <p>I am using the &quot;elementLengt&quot; data prop on other Component. So I want to render the element to obtain that data but not show until &quot;shoHideElement&quot; comes to true.</p>