如何在UseHistory中传递多个对象在react路由器dom?

Question

请帮助如何在React中传递useHistory中的多个对象?我知道如何通过一个州，

onClick={()=>useHistory.push("/child", {gender})}

，其中性别为数组，如:

const gender=[
{ id: 'male', title: 'Male' },
{ id: 'female', title: 'Female' },
{ id: 'other', title: 'Other' },]

如何同时传递另一个数组，如性别。请帮助。

Answer 1

push函数的第二个参数不限制您使用单个元素。您当前正在传递一个对象，该对象包含键gender和生成器数组的值(因为{gender}相当于{gender: gender})。

所以你可以传递额外的属性如下:

let history = useHistory();
...
history.push({gender, otherVariable, someOtherVariable});