reactjs - 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 属性，其行为也相同。

我在 webpack 中尝试过开发和生产模式。

有什么建议吗？

Answer 1

使用onPointerEnter而不是onClick