title: How to render only selective elements from a Parent Component to child ? ReactJs
body: <p>As the title says,I'm looking for a way to render only selective components from from the parent to a child.For instance,</p>
  
  <p>Let me Parent Component be : </p>
  
  <pre><code>export default class Signup extends Component {
      constructor(props) {
          super(props);
      }
      render() {
          return (
              &lt;div className="signupWrapper"&gt;
                  &lt;h2&gt;Sign up&lt;/h2&gt;
                  &lt;p&gt;Already have a account?
                      &lt;Link to="/login"&gt; click here to Sign In&lt;/Link&gt;
                  &lt;/p&gt; 
           ) 
       }
  }
  
  //Now,let's import the parent to a child,
  
  
  import Signup from '/pathtoparent'
  export default class Child extends Component {
      constructor(props) {
          super(props);
      }
      render() {
          return (
              &lt;div className="container"&gt;
                   &lt;Signup/&gt;
              &lt;/div&gt;
           )
      }
  }
  </code></pre>
  
  <p>My question is : What to do if I don't want the p OR h2 tag from the parent into my child ? I could render it conditionally but is there an alternative to simply not render the selective tags from the parent ?</p>