如何在React Material-Table上更改表头列的默认排序图标？

Question

我可以更改React Material-Table表头列上的默认排序图标吗？例如。我想将asc排序图标更改为ArrowDownward，将desc排序图标更改为ArrowUpward。我尝试在MaterialTable上设置SortArrow图标道具，但它显示在每个表头列上，甚至它的非活动排序列也是如此。请帮帮忙。

Material-Table

代码：

<MaterialTable ... icons={{ SortArrow: () => <ArrowDownwardIcon /> }}

Answer 1

你必须像这样转发裁判：

import React, { forwardRef } from 'react';  
...
<MaterialTable>  
     icons={{ SortArrow: forwardRef((props, ref) => <ArrowDownwardIcon{...props} ref={ref}/>)}}
<MaterialTable> 

这将传递所需的道具到您的自定义图标，它将工作。