时间戳

首页 > 解决方案 > 移动设备上的 onClick 事件后功能没有反应

javascript - 移动设备上的 onClick 事件后功能没有反应

问题描述

我有一个名为 Button 的 React 组件。
在这个组件中，我有一个名为 onClick 的属性，该属性触发 HTML 按钮元素的 onClick 事件。
当我将 alert() 函数传递给这个 onClick 属性时，它适用于桌面和移动设备。
当我将 OIDC.UserManager.signinRedirect() 函数传递给 onClick 属性时，它适用于桌面，但不适用于移动设备。

这就是我所拥有的：

const {userManager} = useContext(ActiveUserContext);

return (
  <>
    <Button text="Login" onClick={() => userManager!.signinRedirect()} /> //Not working on mobile device
    <Button text="Login" onClick={() => alert("Login")} /> //Works on mobile device
  </>
);

也许是!之后userManager？
有谁知道为什么signinRedirect()不在移动设备上重定向？

标签： javascriptreactjsreact-hooksopenid-connect

解决方案

作为对问题的进一步检查，该问题与运行部分有关。Web 应用程序在 localhost 和移动设备中运行，它使用机器 ip。由于 UserManager 有一些不同的 json 设置导致了这个问题。@MrLine

推荐阅读