ReactJS IconButton 在 Firefox 中不起作用

Question

Material UI 中 IconButton 的点击功能在 FireFox 的任何版本中均无效。这是我使用的代码：

<div className='floating-button visible-xs'>
  <IconButton touch={true} tooltipPosition="bottom-left">
    <Create className='floating-button-icon' onTouchTap={this.props.onProfileEdit}/>
  </IconButton>
</div>

有人知道如何解决这个问题吗？上面的代码 100% 在 Chrome 和 Safari.

中工作

Answer 1

请使用 onClick 道具而不是 onTouchTap 并将其应用于 IconButton 组件本身而不是特定图标。

<div className='floating-button visible-xs'>
  <IconButton touch={true} tooltipPosition="bottom-left" onClick={this.props.onProfileEdit}>
    <Create className='floating-button-icon' />
  </IconButton>
</div>

ReactJS IconButton 在 Firefox 中不起作用

ReactJS IconButton not working in Firefox

javascript

cross-browser

onclick

reactjs

material-ui