イベントハンドラの関数使い分けについて質問

Question

Javascript 初心者質問で失礼します。
こちらのサイトを参考に勉強しているのですが、その中でどうしてもわからないことがあります。サイトの中の最後の部分で以下のようなコードコードがありますが「登録」ボタンのonClickと「削除」ボタンのonClickのイベントハンドラの書き方が違うのはなぜでしょうか。

調べるとアロー関数にしないとthisの指す内容が変わるというような記事が見つかるのですが、今回はaddTodoの中でもthisが使われているのでどういう意図で使い分けているのかわからないです。

  render() {
    const { todos } = this.state;
    return (<div>
      <input type="text" onInput={this.onInput} />
      <button onClick={this.addTodo} >登録</button>
      <ul>
        {todos.map((todo, index) => <li key={index}>
          {todo}
          <button onClick={() => { this.removeTodo(index) }}>削除</button>
        </li>)}
      </ul>
    </div>);
  }

素人質問ですみませんが、よろしくお願いします。

Answer 1

どういう意図で使い分けているのかわからないです。

単に、removeTodoには引数が必要だから、なのではないでしょうか。