React Icon Click event

我在某些按钮上使用npm react-icons。React Icon Click event

不幸的是，图标停止了onClick属性的工作。如果你点击图标外的角落里的按钮，它可以正常工作。

我想知道是否有一个简单的解决方案，不涉及传递onClick函数作为道具并进入react-icons代码并向其添加onClick。

模块中的代码是

import React from 'react' 
    import Icon from 'react-icon-base' 

    const FaArrowUp = props => (
     <Icon viewBox="0 0 40 40" {...props}> 
      <g><path d="m37.5 21.7q0 1.1-0.9 2l-1.6 1.7q-0.9 0.8-2.1 0.8-1.2 0-2-0.8l-6.5-6.6v15.7q0 1.2-0.9 1.9t-2 0.7h-2.9q-1.1 0-2-0.7t-0.8-1.9v-15.7l-6.6 6.6q-0.8 0.8-2 0.8t-2-0.8l-1.7-1.7q-0.8-0.9-0.8-2 0-1.2 0.8-2.1l14.6-14.5q0.7-0.8 2-0.8 1.2 0 2 0.8l14.5 14.5q0.9 0.9 0.9 2.1z"/></g> 
     </Icon> 
    ) 

    export default FaArrowUp

我的渲染方法，我导入该图标

<button name='up' onClick={this.move}> <FaArrowUp /> </button>

来源

2017-10-05 jaimefps

我尝试了在span和div中包装图标组件，给出了span和div的'name'和'onClick'属性，并且都没有一个工作。 – jaimefps

你的代码应该可以工作！也许，你应该尝试将它包裹在锚标记中 - '' – vijayst

标记也不起作用。即使悬停图标也会变成红色，但onClick函数不会触发... – jaimefps

格纹包在github上之后，我想你应该试试这个：

<button name='up' onClick={this.move}> <FaArrowUp onClick={() => this.move}> /> </button>

来源

2017-10-05 15:15:44 Ortee

没有工作。 :(我也尝试给它添加name属性，并且都包含在匿名函数中，而不是包装，都没有工作。 – jaimefps

React Icon Click event

回答

相关问题