TODO一覧ページ

[shinshinshin123]

/todos

画面パーツ ・TODO一覧 　・タイトル 　・ステータス ・TODO作成ボタン ・フィルター ・ソート

機能 ・TODO詳細遷移 ・フィルター ・ソート

データ ・TODO 　・タイトル(50文字以内) 　・内容(100文字以内) 　・ステータス(完了,途中,未完了)

ユーザー認可 ・ログインユーザー

1

[shinshinshin123]

useEffect(() => {
    const fetchTodos = async () => {
        const querySnapshot = await getDocs(collection(db, "todos"));
        const todosData = querySnapshot.docs.map((doc) => (doc.data()));
        setTodos(todosData);
    };
    fetchTodos();
  }, []);

のtodosDataでエラーが出ている。 ひとまず表示はされているので飛ばす。

[shinshinshin123]

const filteredTodos = todos.filter((todo) => {
    switch (filter) {
      case "completed":
        return todo.status === "完了";
      case "inProgress":
        return todo.status === "途中";
      case "inComplete":
        return todo.status === "未完了";
      default:
        return true;
    }
  });

こちらのフィルターリングするためのロジックでstatus部分でエラーがはかれている。 解決で来ていない。

[shinshinshin123]

機能時実装完了