ReactJS IconButton在Firefox中不起作用

时间:2018-07-02 06:48:41

标签: javascript reactjs onclick cross-browser material-ui

IconButtonMaterial 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%在ChromeSafari中工作。

1 个答案:

答案 0 :(得分:2)

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