Is there a way to render multiple React components in the React.render() function?

Question

For example could I do:

import React from \'react\';
import PanelA from \'./panelA.jsx\';
import PanelB from \'./panelB.jsx\';

React.render( 
  

        

Answer 1

You can do it like this too.

const list = [item1, item2]
const elements = (
    

      {list.map(element => element)}
    
  );
ReactDOM.render(elements, document.body);