Why won't my nested React components render?

Question

I\'m having a problem with my React component. The nested children of my component ControlPanel don\'t seem to be rendering. Here is my code:

cl         


        

Answer 1

You need to render the children in ControlPanel

const ControlPanel = ({ children }) => {
    return (
      

        {children}
      
    );
}