<h1>How to Require Child Props in React</h1>
<p><img src="images/2019-05-06-how-to-require-child-props-in-react.png" alt="How to require child props in react"></p>
<p>You have a component and the child of that component needs to be one or more HTML elements. How do you properly set the prop types for this?</p>
<pre><code>static propTypes =  {
  Children: PropTypes.node.isRequired,
}
</code></pre>
<p>Or</p>
<pre><code>static propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.node),
    PropTypes.node
  ]).isRequired
}
</code></pre>
<p>The first will require that there is a single node element as the child of the component. The second requires that there is one or more node elements as the child of the component.</p>
<p>I hope this helps. If it did, let me know.</p>
<h2>Resources</h2>
<ul>
<li><a href="https://stackoverflow.com/questions/42122522/reactjs-what-should-the-proptypes-be-for-this-props-children">Stack Overflow</a></li>
<li><a href="https://reactjs.org/docs/typechecking-with-proptypes.html">React Documentation</a></li>
</ul>


You have a component and the child of that component needs to be one or more HTML elements. How do you properly set the prop types for this?

Blog.

How to Require Child Props in React

How to Require Child Props in React

Resources