reactjs - Graph Toolkit 自定义模板中的 React 事件处理程序不起作用

Question

我们正在 Microsoft Graph Toolkit 登录组件中对弹出窗口进行模板化，并且我们自己的元素（在自定义模板内）上的单击处理程序不起作用。我们使用的是功能组件，而不是类。知道我们做错了什么吗？我们省略了一些 HTML 元素，因为它们与本文无关。这是我们的代码：

  const CustomLoginTemplate = (props: MgtTemplateProps) => {
    const { handleSignOut } = props.dataContext;

    return (
      <div>
          <div className={signOutStyle} tabIndex={0} onClick={handleSignOut}>Sign Out</div>
      </div>
    )
  }

<Login>
   <CustomLoginTemplate template="flyout-commands"></CustomLoginTemplate>
</Login>

注意：这里还有另外两个类似的问题，但没有一个真正解决了我们在这里遇到的确切问题。