在render()中继承或撰写?

时间:2016-05-03 19:01:31

标签: reactjs material-ui

我正在学习React并使用material-ui / Table。我已定义了TestTableTestRow类。 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>);

    }

1 个答案:

答案 0 :(得分:0)

在React中执行此操作的首选方法是使用合成。一般来说,当合成可行时,使用继承是一个坏主意。