shinshinshin123 / next-todo-app

https://next-todo-app-5993.vercel.app
0 stars 0 forks source link

TODO一覧ページ #18

Closed shinshinshin123 closed 1 year ago

shinshinshin123 commented 1 year ago

/todos

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

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

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

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

1

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

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

shinshinshin123 commented 1 year ago
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 commented 1 year ago

機能時実装完了