javascript - ReactJS IconButton在Firefox中不起作用

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>

有人知道如何解决此问题吗？上面的代码100％在Chrome和Safari中工作。

最佳答案

请使用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>