下記のプログラムで、「何番目の要素の isDone を変更すれば良いか調べる」とありましたが、どのような原理で動いているのかがわかりません。細かい挙動を教えて頂けますでしょうか？

          const pos = this.state.todos.map(todo => {
            return todo.id;
          }).indexOf(todo.id);

TodoItemコンポーネントでチェックボックスに変更があると、その情報がAppコンポーネントまで渡されていくと思うのですが、その流れも含めてご教授いただけますと幸いです。