Как добавить событие нажатия на значки в reactjs

Question

Я работаю над reactjs, в котором есть две иконки. Поэтому я хочу добавить событие клика на нем. Как я могу это сделать.

         <i>
              <TiGroupOutline size="150px" className="icon1"  />
            </i>
            <CardTitle>Students Info.</CardTitle>
          </Card>
        </Col>
        <Col sm="6">
          <Card body style={{ textAlign: "center" }}>
            <i>
              <GoRequestChanges size="150px" className="icon2"/>
            </i>

Answer 1

Вы можете достичь этого, передав onClick реквизит i.

<Col sm="6">
  <Card body style={{ textAlign: "center" }}>
  <i onClick={handleClick('icon1')}>
    <GoRequestChanges size="150px" className="icon2"/>
  </i>
  ...

, а затем создать обработчик для этого

// React class
handleClick = (icon) => () => { // Note second arrow is required as we're invoking "onClick"
  console.log(icon); // "icon1"
  ... your logic
};
// React functional component
const handleClick = (icon) => () => { // Note second arrow is required as we're invoking "onClick"
  console.log(icon); // "icon1"
  ... your logic
};