React Icon Click event

Question

Ich benutze npm react-icons auf einigen Tasten.

Leider hält das Symbol, um das onClick-Attribut aus arbeiten. Wenn Sie auf die Schaltfläche in der Ecke außerhalb des Symbols klicken, funktioniert es einwandfrei.

ich mich gefragt, ob es eine einfache Lösung, die die onClick Funktion als Stütze nach unten nicht beteiligt ist vorbei und der Code reagieren-Icons und das Hinzufügen der onClick es geht in.

der Code im Modul ist

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 

Methode machen meine, wo ich das Symbol

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

Answer 1

Nach dem Check-Paket auf GitHub hat importieren sollte ich denke, Sie dies versuchen:

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