我写了一些在ReactJS中呈现重复元素的代码,但我讨厌它太难看了。
render: function(){
var titles = this.props.titles.map(function(title) {
return <th>{title}</th>;
});
var rows = this.props.rows.map(function(row) {
var cells = [];
for (var i in row) {
cells.push(<td>{row[i]}</td>);
}
return <tr>{cells}</tr>;
});
return (
<table className="MyClassName">
<thead>
<tr>{titles}</tr>
</thead>
<tbody>{rows}</tbody>
</table>
);
}
有没有更好的方法来实现这一点?
(我想在模板代码中嵌入for
循环,或者其他类似的方法。)
https://stackoverflow.com/questions/25646502
复制相似问题