我正在学习React并使用material-ui / Table。我已定义了TestTable
和TestRow
类。 TestTable
根据TestRows
(未显示)创建一个数字this.props
,然后返回:
return (<Table multiSelectable={true}>
<TableHeader enableSelectAll={true} displaySelectAll={true}>
<TableRow>
<TableHeaderColumn>Name</TableHeaderColumn>
<TableHeaderColumn>Description</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody> {rows} </TableBody>
</Table>);
现在我想知道TestRow是否应该从TableRow继承,然后以某种方式添加两个TableHeaderColumns或它是否应该组装整行。
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>);
}
答案 0 :(得分:0)
在React中执行此操作的首选方法是使用合成。一般来说,当合成可行时,使用继承是一个坏主意。