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

Your App.js (I understand that it is your JSX Index) should be:

import React from 'react';
import ReactDOM from 'react-dom';

export default class App extends Component {
render() {
return (
  

    
      
    
  
);
}
}


ReactDOM.render(, document.getElementById('YOUR_ROOT_ID'));

Try to add export default before class (in all your components).