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

Question

我有一个名为 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() 不在移动设备上重定向？

Answer 1

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

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

Function not reacting after onClick event on mobile device

javascript

reactjs

openid-connect

react-hooks