如何在reactjs中的图标上添加点击事件

npm install @fortawesome/react-fontawesome
npm install @fortawesome/free-solid-svg-icons

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faIconName } from '@fortawesome/free-solid-svg-icons';

class MyComponent extends React.Component {
  handleClick = () => {
    // 处理点击事件的逻辑
  }

  render() {
    return (
      <div>
        <FontAwesomeIcon icon={faIconName} onClick={this.handleClick} />
      </div>
    );
  }
}