功能在移动设备上的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应用程序在localhost上运行，并且通过机器ip在移动设备上运行。由于UserManager具有一些不同的json设置，导致出现此问题。 @MrLine