如何在更新到Fabric 6后在`CommandBar`中获取搜索框

Question

我已将Fabric更新为6.6.1版，并注意到isSearchBoxVisible组件中缺少属性CommandBar。

如何替代它？我在我的应用程序中广泛使用它。

Answer 1

据我所知，您可以使用onRender的{​​{1}}属性。我用它在CommandBar中显示自定义控件：

IContextualMenuItem

在渲染功能中：

const items: IContextualMenuItem[] = [];

items.push({
    key: "ArchivedToggle",
    name: "Archived Toggle",
    onRender: this.renderArchivedToggle.bind(this),
});

在自定义渲染功能中，您基本上可以创建所需的任何内容。在这种情况下，它是一个Toggle，当然您也可以用SearchBox代替它。

<CommandBar
    className={styles.actionBar}
    items={[]}
    farItems={items}
/>

结果：