javascript - ReactJS IconButton 在 Firefox 中不起作用

Question

IconButton的点击功能来自Material UI不适用于任何版本的 FireFox 。这是我正在使用的代码:

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

有人知道如何解决这个问题吗？上面的代码在 Chrome 中 100% 工作。和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>