есть цикл, который формирует таблицу в 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>
)
}
}