https://reactjs.org/docs/faq-functions.html#example-passing-params-using-data-attributes。
本质上,这是箭头功能的优化
<li key={letter} onClick={() => this.handleClick(letter)}>
{letter}
</li>
对以下内容以避免重新呈现
<li key={letter} data-letter={letter} onClick={this.handleClick}>
{letter}
</li>
handleClick(e) {
this.setState({
justClicked: e.target.dataset.letter
});
}
我发现它不适用于react-native-web,e.target.dataset
为空。
这是预期的吗?
答案 0 :(得分:0)
我认为您只需要将函数的声明更改为以下内容:
handleClick = (e) => {
this.setState({
justClicked: e.target.dataset.letter
});
}