재질 ui 표 행 확인란이 표시되지 않습니다.

Question

내 반응 앱에 재질 UI를 사용하여 별도의 파일로 테이블을 만들었습니다.

TradesTable.js

const DummyTableRow = (props) => { 
    let myRows = props.trades.map((trade, index) => { 
     return <TableRow> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[0]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[1]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[2]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[3]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[4]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[5]}</TableRowColumn> 
     <TableRowColumn key={index} style={{fontSize:'10px'}}>{trade[6]}</TableRowColumn> 
     </TableRow> 
     }); 
    return myRows; 
} 

const TradesTable = (props) => { 
    return(
     <Table> 
      <TableHeader> 
       <TableRow> 
        <TableHeaderColumn>Trade date</TableHeaderColumn> 
        <TableHeaderColumn>Commodity</TableHeaderColumn> 
        <TableHeaderColumn>Side</TableHeaderColumn> 
        <TableHeaderColumn>Qty</TableHeaderColumn> 
        <TableHeaderColumn>Price</TableHeaderColumn> 
        <TableHeaderColumn>CounterParty</TableHeaderColumn> 
        <TableHeaderColumn>Location</TableHeaderColumn> 
       </TableRow> 
      </TableHeader> 
     <TableBody> 
      <DummyTableRow trades={props.trades}/> 
     </TableBody> 
    </Table> 
    ); 
} 

module.exports = TradesTable 

이 테이블의 행은 구성 요소의 지주로부터 채워지고있다.

이 테이블은 재료 UI의 일부로 다른 구성 요소에서 사용 중입니다. <AppBar> 구성 요소.

<AppBar style={{backgroundColor: 'White'}} 
        iconElementLeft={<TradesTable trades={this.props.trade}/>} 
        .... 
        .... 

값은 this.props.trade입니다.

여기의 문제는 표 머리글에 확인란이 표시되지만 행에 확인란이 표시되지 않는다는 것입니다. 설명서를 읽었으며 기본 동작은 확인란이 표시된다는 것입니다.

팸 (Wham) 행에 대한 확인란이 표시되지 않습니다. 여기