使用onClick按数组中的值对对象进行排序



我想创建一个函数,该函数可用于2个onClick,以便在此数组中按titlegenre.name对对象进行排序:

const movies = [
{
title: "Terminator",
genre: { _id: "5b21ca3eeb7f6fbccd471818", name: "Action" },
},
{
title: "Rat Race",
genre: { _id: "5b21ca3eeb7f6fbccd471818", name: "Comedy" },
},
{
title: "Get Out",
genre: { _id: "5b21ca3eeb7f6fbccd471820", name: "Thriller" },
},
]

到目前为止,对于每个onClick,我必须创建一个函数:onClick={titleSorted}onClick={genreSorted}。然而,我认为这不是一个好的做法,因为如果我在一个对象中有10个键,那么在一个文件中就会有太多类似的代码。

但是,如果我为所有onClick创建一个带有参数的函数

moviesSorted(item) => {}

那么我不能使用CCD_ 8或CCD_。

所以请帮我想办法。我真的很感激!

传递给onClick的函数必须是事件处理程序,实现为
function(event) {
// ...
}

所以在你的例子中,你可能想要

onClick={() => moviesSorted(title)}
// or 
onClick={() => moviesSorted(genre.name)}

最新更新