いつもわかりやすい動画をありがとうございます。

配列 todoItems を使う箇所は、下記のようにコンポーネント化することもできると思うのですが、
そうしないのは、再利用性がないからでしょうか？別の理由でしょうか？
このような場合に、コンポーネント化する／しないの判断基準みたいなのがありましたら教えてください。

        const TodoItems = () => {
          const todoItems = todos.map((todo) => {
            return (
              <Todo
                key={todo.id}
                todo={todo}
              />
            );
          });
          return <>{todoItems}</>
        };

            <ul id="todos">
              <TodoItems />
            </ul>