TodoList() — react Function Reference

Architecture documentation for the TodoList() function in TodoList.tsx from the react codebase.

Function tsx BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ TodoList() — react Function Reference

Dependency Diagram

graph TD
  f6c087c2_ebd1_220a_73d7_cbb2581020ee["TodoList()"]
  c0c08439_2d95_7b70_f20b_1bbbbdc9a402["TodoList.tsx"]
  f6c087c2_ebd1_220a_73d7_cbb2581020ee -->|defined in| c0c08439_2d95_7b70_f20b_1bbbbdc9a402
  98842fa7_bb50_842d_f839_f1155cf8c2a5["getTodos()"]
  f6c087c2_ebd1_220a_73d7_cbb2581020ee -->|calls| 98842fa7_bb50_842d_f839_f1155cf8c2a5
  style f6c087c2_ebd1_220a_73d7_cbb2581020ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight-parcel/src/TodoList.tsx lines 4–13

export async function TodoList({id}: {id: number | undefined}) {
  let todos = await getTodos();
  return (
    <ul className="todo-list">
      {todos.map(todo => (
        <TodoItem key={todo.id} todo={todo} isSelected={todo.id === id} />
      ))}
    </ul>
  );
}