React中有一个形成表格的循环,需要在onClick上将这个循环的每次迭代的值输出到控制台,简单来说——被点击的单元格的地址。现在迭代的总值显示在控制台中。我知道为此您需要创建一个单独的组件,在哪里传递参数的值,但我不知道该怎么做
class Table extends Component{
constructor (){
super();
this.cellClick = this.cellClick.bind(this);
}
cellClick () {
console.log (i,j)
}
render(){
var trs= new Array();
for (var i = 0; i <= this.props.rows; i++) {
var tds = new Array();
for (var j = 0; j <= this.props.columns; j++) {
tds.push (<td columns = {i} rows = {j} onClick = {this.cellClick}>
{i} x {j} </td>)
}
trs.push(<tr>{tds}</tr>)
}
return (
<table>
{trs}
</table>
)
}
}