render（）で継承または作成しますか？

Question

私はReactを学んでいて、material-ui/Tableを使っています。私はTestTableクラスとTestRowクラスを定義しました。 TestTableはthis.propsに応じて（図示せず）TestRows番号を作成し、これを返します。TestRowはのTableRowから継承する必要があり、その後、何とか2 TableHeaderColumnsを追加したり、それが行全体を組み立てる必要がある場合

return (<Table multiSelectable={true}> 
        <TableHeader enableSelectAll={true} displaySelectAll={true}> 
         <TableRow> 
          <TableHeaderColumn>Name</TableHeaderColumn> 
          <TableHeaderColumn>Description</TableHeaderColumn> 
         </TableRow> 
        </TableHeader> 
        <TableBody> {rows} </TableBody> 
       </Table>); 

は、今私は思ったんだけど。

render() 
    { 
     super.render() 

     // Add header columns here? Or not inherit and use what is below? 

     // return (<TableRow key={this.props.key} selected={false}> 
     //    <TableHeaderColumn>{this.props.test.name}</TableHeaderColumn> 
     //    <TableHeaderColumn>{this.props.test.description}</TableHeaderColumn> 
     //   </TableRow>); 

    } 

Answer 1

リアクタでこれを行うための好ましい方法は、組成を使用することです。一般に、合成が機能するときは継承を使うのは悪い考えです。