React : ESLintで怒られるが、解決策がわからない

Question

ReactでWEBアプリを開発しています。

公式サイトの lifting-state-up のページを参考に、stateを1つ上の階層のコンポーネントで管理するコンポーネントを作ろうとしています。

propsで"date"、及び"onDateChange"をもらっています。

このコンポーネントはstateを持たないので、class構文ではなくconstで作ろうと思っているのですが、以下のように作ったところ表示に問題はないのですが、ESLint に「'handleChange' is assigned a value but never used」と怒られてしまいます。

どこをどうすれば怒られずに済むでしょうか？
というかそもそも、このコンポーネントをconstで定義することは間違っていないでしょうか？

よろしくお願いします。

const BlockHeader = (props) => {
  const handleChange = (e) => {
    props.onDateChange(e.target.value);
  }
   const date = props.date;
    return (
      <div className={css(styles.header)}>
        <IconMenu />
        <div className={css(styles.selectDateMenu)}>
          <input value={date}
            onChange={this.handleChange} />
        </div>
      </div>
    );
}

Answer 1

onChange={this.handleChange} />

↓

onChange={handleChange} />

というかそもそも、このコンポーネントをconstで定義することは間違っていないでしょうか？

状態を持たないComponentであれば、それでOKです。

Comments

[dwayne_johnson]

あ、愚かでした。

一回class構文で、stateをこのコンポーネントが持つ状態から書き換えたため、thisの削除の抜けが生じていました。

ご回答ありがとうございました。
もっと精進します。。。