MUI 如何更改 TablePagination 組件內的圖標？

Question

在我的 React 項目中，我使用了名為TablePagination的 MUI 組件

TablePagination組件嵌套在Table組件內部，如下圖所示。

查看下拉按鈕如何有一個向下的實心箭頭。 如何將其更改為不同的 SVG 圖標。

我希望新的TablePagination具有下圖中的箭頭圖標。

https://codesandbox.io/s/ijm5r?file=/demo.js

這是此示例的沙箱鏈接。

Answer 1

您可以在Select中添加TablePagination的自定義圖標，如下所示：

<TablePagination
  SelectProps={{
    IconComponent: KeyboardArrowDownIcon,
  }}