我正在用Webpack、React和Redux制作一个登录页面,此外我还使用bootstrap作为css框架。
除了在移动的上以外,一切都正常,当我单击按钮时,onClick事件在移动设备和桌面上都会触发,但在前者上,React无法正常工作:
按钮保持按下状态,只有在单击其他按钮后才返回正常状态。
<button className='btn' onClick={() =>loginClick()} style={{zIndex: 100}}>LOGIN</button>
以下是单击处理程序:
const loginClick = () => {
alert("I am an alert box A!");
const payload = {psw: password, usr: username, keepLogged: keepLogged};
store.dispatch(tryLogin(payload));
alert("I am an alert box B!");
}
如前所述,在桌面上,我可以登录并被重定向到主页,在移动的设备上,即使使用iOS模拟器,也会显示两个警报,但不会向商店发送任何内容,按钮仍处于按下状态,直到我单击另一个按钮,即使它没有onClick属性,其行为也是相同的。
我已经尝试在开发和生产模式在webpack。
有什么建议吗?
1条答案
按热度按时间jchrr9hc1#
使用
onPointerEnter
代替onClick