OnClick在使用React JS和webpack的移动设备上不能正常工作

Question

我正在使用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 prop。

我在webpack的开发和生产模式下都试过了。

有什么建议吗?

Answer 1

用onPointerEnter代替onClick