1

我正在使用流畅的 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', editableValues, null, dispatch, data.id, index)},
      },

      {
        key: 'history',
        text: 'History',
        iconProps: { iconName: 'History' },
        onClick: (e) => {asn('hist', editableValues, null, dispatch, data.id)},
      },
];

// 我要推送的项目

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

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

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

0 回答 0