Reactでは、hrefをクリックすると何もしません。

Question

私は、次のHTML要素を持っている：

<a href onClick={() => fields.push()}>Add Email</a> 

私は、href属性ので、ブートストラップスタイルにリンクのスタイル（色、カーソル）を持つ要素を必要としています。

問題をクリックすると、ブラウザがリダイレクトされます。どのように私は

おかげ

Answer 1

：ご使用の場合に特にこのようなグラム！

<a href onClick={(e) => {e.preventDefault(); fields.push()}}> Add Email </a> 

Answer 2

がjavscriptを追加）、ブラウザのonClickをリダイレクトするが、それでも（fields.pushを実行しないように上記を更新することができます：void（0）：

<a href="javascript:void(0);" onClick={() => fields.push()}>Add Email</a> 

Answer 3

あなたはでpreventDefaultを呼び出す必要がありますこのようなのonClickイベントから関数：

class App extends React.Component { 
    onClick = (e) => { 
    e.preventDefault() 
    console.log('onclick..') 
    } 
    render() { 
    return (
     <a href onClick={this.onClick} >Click me</a> 
    ) 
    } 
} 

あなたがのsomethinを使用することができますあなたが代わりにそれが動作します。このinline.Hopeを書くのREACコンポーネントに書き込み方法clickHappensを考えるshoud

const renderEmails = ({ fields }) => (
     ... 
     <a href onClick={(e) => { 
     e.preventDefault() 
     fields.push() 
     }}>Add Email</a> 
     ... 
    )