React table React表如何禁用客户端排序并仅使用服务器端排序数据

React table React表如何禁用客户端排序并仅使用服务器端排序数据,react-table,react-table-v6,React Table,React Table V6,我想使用服务器端排序数据,并想绕过react表排序功能。我只想使用排序单击方法。要使用自定义排序功能,可以使用两种不同的解决方案 1/使用默认排序方法 您可以直接使用ReactTable组件中的defaultSortMethod道具,这里是react table库使用的默认方法,您可以自己替换: defaultSortMethod:(a,b,desc)=>{ //将null和undefined强制到底部 a=a==null | | a==undefined?“”:a b=b==null | |

我想使用服务器端排序数据,并想绕过react表排序功能。我只想使用排序单击方法。

要使用自定义排序功能,可以使用两种不同的解决方案

1/使用默认排序方法 您可以直接使用
ReactTable
组件中的
defaultSortMethod
道具,这里是
react table
库使用的默认方法,您可以自己替换:

defaultSortMethod:(a,b,desc)=>{
//将null和undefined强制到底部
a=a==null | | a==undefined?“”:a
b=b==null | | b==undefined?'':b
//强制任何字符串值为小写
a=typeof a==='string'?a.toLowerCase():a
b=typeof b==='string'?b.toLowerCase():b
//返回1或-1以指示排序优先级
如果(a>b){
返回1
}
if(a
2/指定特定列的排序方法 您可以在列中添加名为
sortMethod
的道具,您可以在其中调用自定义排序函数

下面是一个按长度进行自定义排序的示例:

列={[
{
标题:“姓名”,
栏目:[
{
标题:“名字(按长度A-Z排序)”,
访问者:“名字”,
排序方法:(a,b)=>{
如果(a.length==b.length){
返回a>b?1:-1;
}
返回a.length>b.length?1:-1;
}
},
{
标题:“姓氏(倒序排列,A-Z)”,
id:“姓氏”,
访问者:d=>d.lastName,
排序方法:(a,b)=>{
如果(a==b){
返回0;
}
const aReverse=a.split(“”).reverse().join(“”);
常量bReverse=b.split(“”).reverse().join(“”);
返回aReverse>bReverse?1:-1;
}
}
]
}
]
这是