Closed ytanaka44 closed 8 months ago
AddTodo.tsxの一部
onSubmit: async (state) => { const todo = { ...state, createdAt: format(new Date(), "yyyy-MM-dd HH:mm:ss"), }; await addTodo(todo); await props.fetchTodos(); },
fetchTodosを使用せずにtodosにtodoを追加することで対応した。このようにすることで画面の更新のためにデータベースへの問い合わせを行う必要がなくなる。
props.setTodos([...props.todos, todo]);
背景
AddTodo.tsxの一部