小编Sco*_*don的帖子

React TypeScript 从点击事件中获取数据属性

所以我有一个带有按钮的 React 组件,它有一个使用 data-* 属性的点击处理程序。如果这是直接 React 那么我知道如何从 data-* 属性中获取值。但是我正在学习如何使用 TypeScript,所以我不知道如何访问这个属性。那么使用 TypeScript 访问 data-* 属性的最佳方法是什么?

这是我的按钮的 JSX 代码:

<button type="button" className="NavLink" data-appMode={ AppMode.MAIN } onClick={ this.handleAppModeClick.bind(this) }>Main</button>
Run Code Online (Sandbox Code Playgroud)

这是我的点击事件处理程序:

handleAppModeClick(e: React.MouseEvent<HTMLElement>) {
    // What code should go here to access the data-appMode attribute?
}
Run Code Online (Sandbox Code Playgroud)

javascript custom-data-attribute typescript reactjs redux

11
推荐指数
1
解决办法
7564
查看次数