Как включить значок закрытия (React Icons) внутри кнопки

Question

У меня есть несколько кнопок на экране, я хочу, чтобы пользователь либо щелкнул эту кнопку, чтобы перейти к новому элементу, либо пользователь мог закрыть это, для этого я дал значок закрытия внутри кнопки, чтобы пользователь мог закрыть это, если захочет, но когда я пытаюсь дать функцию onclick значку внутри кнопки, она не работает

как я мог это сделать???

Вот демонстрационный код

https://codesandbox.io/s/material-demo-rbkr8

Answer 1

Попробуйте обернуть его с помощью div onClick вот так?

const doSomething = () => {
  alert('click here');
}

<div onClick={doSomething}>
      <DeleteIcon className={classes.rightIcon} />
</div>