React Native Web,数据属性不起作用?

时间:2019-10-24 14:53:01

标签: react-native react-native-web

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为空。
这是预期的吗?

1 个答案:

答案 0 :(得分:0)

我认为您只需要将函数的声明更改为以下内容:

handleClick = (e) => {
  this.setState({
    justClicked: e.target.dataset.letter
  });
}