【react】Expected onClick listener to be a function, instead got type stringエラー対応
はじめに
reactをes6で使った場合です。
地味にはまった。。。自分の場合は以下の2パターン
> パターン1
イベントリスナーでメソッド呼び出すときにbindしていない
export default class Sample extends React.Component { onClick() { console.log(this.status); } render() { return ( <div> <button onClick={this.onClick}>ボタン</button> </div> ); } }
解決1
<button onClick={this.onClick.bind(this)}>ボタン</button>
解決2
this.onClick = this.onClick.bind(this);
> パターン2
onClickを"(ダブルクォート)で囲っていた。。。
<button onClick="{this.onClick(this)}">ボタン</button>
今回はパターン2の落ちでした。。。以上です