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

If you wish to render multiple components out you need to nest them within one another in order to maintain the Tree-Like structure. This is explained on their docs page for Multiple Components

Ultimately as long as there is one Node at the top level it can work.

You could use just one DOM element such as a

However as you create more complex apps and have more interlinking components you may find it best to wrap child components in a parent like so

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

var PanelHolder = React.createClass({
  render: function() {
    return (
      

        
        
      
    )
  }
});

And then in your main js file, you would do:

import React from 'react';
import PanelHolder from './panelHolder.jsx';

React.render( 
   
  document.body  
);

0 讨论(0)

查看其它8个回答

发布评论:

提交评论

---

•  加载中...