小编Ing*_*goH的帖子

我目前正在尝试在 FluentUI/react-northstar Dropdown 组件的帮助下制作一个下拉菜单。不幸的是，items这个组件的 prop 在下拉列表中只有一个string[]用于渲染名称，但我key也需要一个。

我尝试通过renderItem添加自定义渲染器来实现此目的：

<Dropdown
    renderItem = (Component: React.ElementType, props: any): React.ReactNode => {
      ...
      return <Component key={props.key} content={props.name} />;
    };
    items={dropDownMapper(displayTree[0], 0)}
    ...
/>

该dropDownMapper函数返回一个对象数组，如下所示：[{key: string, name: string}, ...]

这样我就可以在下拉菜单中呈现正确的项目，但我无法与它们交互。我尝试添加onClickto <Component/>，但由于我使用该框架，我不确定<Dropdown/>单击该项目时期望我做什么，并且文档并没有真正的帮助。