如何启用按钮内的关闭图标(React Icons)

时间:2019-09-14 11:58:14

标签: reactjs icons material-design material-ui react-icons

我在屏幕上有多个按钮,我希望该用户要么单击此按钮以路由到新项目,要么用户可以关闭此按钮,因为我在按钮内给出了关闭图标,以便用户可以在他们想要的,但是当我尝试将onclick函数赋予按钮内的图标时,它不起作用

我该怎么做?

这是演示代码

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

1 个答案:

答案 0 :(得分:0)

尝试像这样用div onClick包装它吗?

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

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