有没有办法使用 React FluentUI (@fluentui/react) 在导航元素中添加输入字段?

Is there a way to add input field in nav element using React FluentUI (@fluentui/react)?

website 上的示例显示了许多带链接的导航栏示例。 Image of navbar demo as shown on website.

我想在导航元素内实现一个搜索栏 like this。有办法吗?

我会尝试使用 OnRenderLink 或 linkAs 方法。

onRenderLink: Used to customize how content inside the link tag is rendered

linkAs: Render a custom link in place of the normal one. This replaces the entire button rather than simply button content

Source: INavProps interface https://developer.microsoft.com/en-us/fluentui#/controls/web/nav