使用React无状态组件时，如何将参数传递给函数

Question

我有一个像这样的组件(非常简化的版本(

const MyComponent = () => {
const handleClick = param => {
console.log(param);
}
return (
<Link to={'/'} onClick={handleClick} value={'a string'}>
);
}

如何将参数传递给handleClick函数？

Answer 1

您必须将一个函数传递给onClick。onClick将始终使用event参数调用函数。所以，如果你传递这样一个函数：

onClick={handleClick}

它将被称为：

onClick={(event) => handleClick(event)}

因此，要将参数传递给函数，您可以执行以下操作：

onClick={() => handleClick(parameters)}