react 鼠标移入放大_react项目中实现悬浮（hover）在按钮上时在旁边显示提示

className={classNames({

'device-icon': true,

'camera-icon': true,

'camera-icon-hover-show-intro': this.state.shouldVolumeGainBarShow === false,

active: this.state.isCameraOpened === true,

})}

role="button"

tabIndex={0}

onClick={this.handleClickCamera}

labeltooltip="摄像头"

/>

className={classNames({

'device-icon': true,

'mic-icon': true,

'mic-icon-hover-show-intro': this.state.shouldVolumeGainBarShow === false,

active: this.state.shouldVolumeGainBarShow === true,

})}

role="button"

tabIndex={0}

onClick={this.handleClickMic}

labeltooltip="麦克风"

/>

className={classNames({

'device-icon': true,

'wifi-icon': true,

'wifi-icon-hover-show-intro': this.state.shouldVolumeGainBarShow === false,

active: false,

})}

role="button"

tabIndex={0}

onClick={() => {}}

labeltooltip="网络"

/>

className={classNames({

'device-icon': true,

'exit-icon': true,

'exit-icon-hover-show-intro': this.state.shouldVolumeGainBarShow === false,

active: this.state.selectedIconName === SCREEN_SHARE_ICONTABNAME.EXIT,

})}

role="button"

tabIndex={0}

onClick={()