将项目推送到流畅的ui命令栏组件

问题描述

我正在使用流畅的UI命令栏组件。当我尝试在初始渲染后将其他项推入_items数组时，命令栏会将它们作为溢出项添加到命令栏末尾的可单击省略号中。如果满足条件，并且在初始渲染之前将其推动，则它们将正常渲染，作为常规命令栏项目。如果在初始渲染后将它们推入，如何使它们正确渲染？

const _items: ICommandBarItemProps[] = [
      {
        key: 'send',text: 'Send',iconProps: { iconName: 'Send' },onClick: (e) => {action('send',editableValues,null,dispatch,data.id)},},{
        key: 'save',text: 'Save',iconProps: { iconName: 'Save' },onClick: (e) => {asn('save',data.id,index)},{
        key: 'history',text: 'History',iconProps: { iconName: 'History' },onClick: (e) => {asn('hist',];

//我要推送的项目

if (some condition is met) {
  const _additional_items: ICommandBarItemProps[] = [
     {
         key: 'download',text: 'Download',iconProps: { iconName: 'Download' },onClick: (e) => {asn('down',{
         key: 'print',text: 'Print',iconProps: { iconName: 'Print' },onClick: (e) => {asn('prnt',data.id)}
     }
  ]
  _items.concat(_additional_items)
}

//这是我的基本命令栏实现

 <CommandBar
    items={_items}
    ariaLabel="Use left and right arrow keys to navigate between commands"
 />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）