使用 React 無狀態組件時如何將參數傳遞給 function？

Question

我有一個這樣的組件（非常簡化的版本）

const MyComponent = () => {

  const handleClick = param => {
      console.log(param);
  }

  return (
     <Link to={'/'} onClick={handleClick} value={'a string'}>
  );

}

如何將參數傳遞給 handleClick function？

Answer 1

您必須將 function 傳遞給onClick 。 onClick 將始終使用event參數調用您的函數。 因此，如果您像這樣傳遞 function ：

onClick={handleClick}

它將被稱為：

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

因此，要將參數傳遞給 function 您可以執行以下操作：

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