React.jsでaタグにonClickを付ける

aタグにonClickをつけてpreventDefaultする

React.jsでaタグにonClickを付ける場合は以下のようになる。
ついでに引数で文字列も受け取るようにしている。

1
2
3
4
5
6
7
8
9
var Hello = React.createClass({
clickFunc: function(e, str){
e.preventDefault();
console.log(str); // test
},
render: function() {
return <a href="" onClick={function(e){this.clickFunc(e, "test")}.bind(this)}>テスト</a>;
}
});