有什么方法可以跳过 ContextualMenuItem 的计数并呈现自定义按钮 - Fluent UI？

如何解决有什么方法可以跳过 ContextualMenuItem 的计数并呈现自定义按钮 - Fluent UI？

有没有办法跳过 ContextualMenuItem 的计数并呈现自定义按钮？

示例代码：

  [...listItems,{
    key: 'buttons',onRender: () => {
      return (
        <div className='custom-class-container'>
          <ActionButton text='FILTER CLEAR' onClick={() => this.clearFilter()} />
          <div className='custom-class-button'>
            <PrimaryButton
              id='apply-button'
              text='FILTER APPLY'
              onClick={() => {
                this.submit();
                this.close();
              }}
            />
            <DefaultButton text='FILTER CANCEL' onClick={this.close()} />
          </div>
        </div>
      );
    }
  }]

使用上述代码呈现的元素在 aria-setsize="13" 的倒数第二个元素上具有 li > button（如果 listItems 的长度为 12），但在 li > button 的最后一个元素中没有 {{1 }} 属性。

期望的输出：

渲染元素应该在 aria-setsize 的倒数第二个元素上有 aria-setsize="12"（如果 listItems 的长度是 12），而 li > button 的最后一个元素不需要有 {{1} } 属性。

ContextualMenu