[REACTJS] 구성 요소를 여러 번에 React.js 렌더링

구성 요소를 여러 번에 React.js 렌더링

해결법

1. ---

   1.(가) 클래스 반응에서 두 개 이상의 요소를 반환 할 수 없습니다. 두 개 이상의 요소가있는 경우와 같은 단일 사업부에서 그들을 포장

   (가) 클래스 반응에서 두 개 이상의 요소를 반환 할 수 없습니다. 두 개 이상의 요소가있는 경우와 같은 단일 사업부에서 그들을 포장

   var MultiButton = React.createClass({
     render : function (){
       return(
         <div>
             <Title incVal={1}/>
             <Title incVal={5}/>
         </div>
       );
     }
   });
   

2. ---

   2.공식 문서에서.

   공식 문서에서.

   <div>
     Here is a list:
     <ul>
       <li>Item 1</li>
       <li>Item 2</li>
     </ul>
   </div>
   

   에서 변경

   var MultiButton = React.createClass(
     {
       render: function () {
         return (
           <Title incVal={1}/>
           <Title incVal={5}/>
         );
       }
     }  
   );
   

   ...에

   var MultiButton = React.createClass(
     {
       render: function () {
         return (
           <div>
             <Title incVal={1}/>
             <Title incVal={5}/>
           </div>
         );
       }
     }  
   );
   

3. ---

   3.

    var Title = React.createClass({
   
     getInitialState : function(){
       return {count:0};
     },
     increment : function(){
   
       this.setState({count:this.state.count+this.props.incVal});
     },
     render: function() {
       return (
         <div>
           <h1 >Count : {this.state.count}< /h1>
           <button onClick={this.increment.bind(this)} >Increment</button>
         </div>
       );
     }
   });
   
   
   
   
   var MultiButton = React.createClass({
     render : function (){
       return(
         <Title incVal={1}/>
       );
     }
   });
   
   ReactDOM.render( <MultiButton /> ,
     document.getElementById('example')
   );
   

from https://stackoverflow.com/questions/43045905/render-a-component-multiple-times-react-js by cc-by-sa and MIT license