如何将点击处理程序添加到Fluent UI v9的SplitButton？

Question

Fluent UI v9的SplitButton文档不清楚如何向主按钮添加单击处理程序。

有谁能给我举个例子吗?

我试着在他们的GitHub页面上找到例子，我已经搜索了可能的例子，我发现了一个GitHub问题，注意到这是他们文档的问题。

Answer 1

figure out:

<Menu positioning="below-end">
<MenuTrigger disableButtonEnhancement>
{(triggerProps: MenuButtonProps) => (
<SplitButton
primaryActionButton={{ onClick: handleClick }}
menuButton={triggerProps}
>
Example
</SplitButton>
)}
</MenuTrigger>
<MenuPopover>
<MenuList>
<MenuItem>
Remove file
</MenuItem>
</MenuList>
</MenuPopover>
</Menu>