React onClick 如何取到 row 的值

Question

<label ref="whichName" row="1" className="radio" onClick={this.handleChoose}>
    <label ref="whichName" row="2" className="radio" onClick={this.handleChoose}>
    <label ref="whichName" row="3" className="radio" onClick={this.handleChoose}>
    
onClick 如何取到 row 的值

Answer 1

handleChoose(e) {
    console.log(e.target.getAttribute('row');
}

另外属性要以 data- 开头才行，要不然 JSX 转换成 HTML 的时候会被过滤掉，所以你这样就拿不到啦。

Answer 2

这里的代码可以优化一下，用map返回一些类的label，onClick={this.handleChoose.bind(this,row)}

Answer 3

handleChoose(e) {
    console.log(e.target.row);
}

这样就可以了