如何在jsx的onclick事件传递参数

Question

如何在reactjs中使用jsx传递参数?

这是我的代码

function handleClick() {
history.push("/home");
}
.....
<Button 
color="primary" 
size="small"
onClick={handleClick}
className={classes.notificationbutton}>
View
</Button>

Answer 1

默认情况下，onClick传递一个事件参数

您可以创建箭头键函数并在那里使用自定义参数调用您的handleClick:

<Button 
color="primary" 
size="small"
onClick={(event) => handleClick(param1, param2)}
className={classes.notificationbutton}
>
View
</Button>