Javascript 按键值对表进行排序

Javascript 按键值对表进行排序,javascript,reactjs,html-table,Javascript,Reactjs,Html Table,我已经知道,您需要使用sort函数对onClick表进行排序。我试图做的是按键排序,这样我就不必重复代码来按键排序函数。我想保持我的代码干燥。我该怎么做呢。也 代码 const sortTable=(键)=>{ const clonedpoptions=[…列表选项]; clonedOptions.sort((a,b)=>{ 返回a.key-b.key; }); console.log(clonedpoptions,key); 设置选项列表(克隆选项); }; sortTable()}>Date

我已经知道,您需要使用sort函数对onClick表进行排序。我试图做的是按键排序,这样我就不必重复代码来按键排序函数。我想保持我的代码干燥。我该怎么做呢。也

代码

const sortTable=(键)=>{
const clonedpoptions=[…列表选项];
clonedOptions.sort((a,b)=>{
返回a.key-b.key;
});
console.log(clonedpoptions,key);
设置选项列表(克隆选项);
};
sortTable()}>Date
股票名称
期权价格
选择的数量
支出总额
期权出售价格
出售期权的金额
Proft
{listOfOptions.map((选项)=>{
返回(
deleteOption(option.id)}>
x
{option.clock}
{option.name.toUpperCase()}
${option.price}
{option.amountOfOptions}
${option.TotalAmountSpeed.toFixed(2)}
${option.optionPriceSoldAt}
{option.amountofoptionssell}
=0?“绿色”:“红色”}
>
{option.totalProfit.toFixed(2)}
);
})}

您的代码只需要很少的更改:在sort函数中使用key param的值,并在每次单击时传递该键

const sortTable=(键)=>{
const clonedpoptions=[…列表选项];
clonedOptions.sort((a,b)=>{
返回a[key]-b[key];
});
console.log(clonedpoptions,key);
设置选项列表(克隆选项);
};
sortTable('date')}>date
sortTable('name')}>股票名称
排序表('price')}>期权价格
sortTable('amountOfOptions')}>选项数
sortTable('TotalAmountExplored')}>TotalAmountExplored
sortTable('optionPriceSoldAt')}>在出售的期权
sortTable('AmountofOptionsSald')}>已售出期权的金额
可排序('totalProfit')}>Proft

您的代码只需要很少的更改:在sort函数中使用key param的值,并在每次单击时传递该键

const sortTable=(键)=>{
const clonedpoptions=[…列表选项];
clonedOptions.sort((a,b)=>{
返回a[key]-b[key];
});
console.log(clonedpoptions,key);
设置选项列表(克隆选项);
};
sortTable('date')}>date
sortTable('name')}>股票名称
排序表('price')}>期权价格
sortTable('amountOfOptions')}>选项数
sortTable('TotalAmountExplored')}>TotalAmountExplored
sortTable('optionPriceSoldAt')}>在出售的期权
sortTable('AmountofOptionsSald')}>已售出期权的金额
可排序('totalProfit')}>Proft

如果我的答案是您要找的,如果您接受我会非常感激如果我的答案是您要找的,如果您接受我会非常感激