React Hooks 中单击事件传递参数的语法是什么

React Hooks是React 16.8版本引入的新特性，它让我们可以在函数组件中使用状态和其他React特性，而无需编写类组件。在React Hooks中，我们经常会遇到需要在单击事件中传递参数的情况。那么，我们应该如何使用React Hooks来实现这一功能呢？

jsx
import React from 'react';
const Example = () => {
  const handleClick = (param) => {
    console.log('点击了按钮，参数为：', param);
  };
  return (
     handleClick('参数1')}>点击我
  );
};
export default Example;

jsx
import React from 'react';
const Example = () => {
  const names = ['Alice', 'Bob', 'Charlie'];
  const handleClick = () => {
    names.forEach((name) => {
      setTimeout(() => {
        console.log('名字：', name);
      }, 1000);
    });
  };
  return (
    点击我
  );
};
export default Example;

jsx
import React from 'react';
const Example = () => {
  const names = ['Alice', 'Bob', 'Charlie'];
  const handleClick = () => {
    names.forEach((name) => {
      setTimeout(() => {
        console.log('名字：', name);
      }, 1000);
    });
  };
  return (
    点击我
  );
};
export default Example;