传递给
我想创建一个函数,该函数可用于2个onClick
,以便在此数组中按title
和genre.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)}