nodejs/hanko
1
0
Fork 0
mirror of https://github.com/teamhanko/hanko.git synced 2025-10-29 23:59:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(examples): prevent default form submit when adding a todo

Browse Source
This commit is contained in:
Lennart Fleischmann
2022-09-15 18:21:44 +02:00
committed by Björn Müller
parent ec1ee87099
commit bfcf4b941a
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
examples/nextjs/pages/todo.tsx
View File

@ -1,7 +1,7 @@
import React, {useCallback, useEffect, useMemo, useState} from "react";
import {NextPage} from "next"; import {NextPage} from "next";
import {useRouter} from "next/router"; import {useRouter} from "next/router";
import {TodoClient, TodoList} from "../util/TodoClient"; import {TodoClient, TodoList} from "../util/TodoClient";
import {useCallback, useEffect, useMemo, useState} from "react";
import styles from "../styles/Todo.module.css"; import styles from "../styles/Todo.module.css";
const api = process.env.NEXT_PUBLIC_BACKEND!; const api = process.env.NEXT_PUBLIC_BACKEND!;
@ -14,7 +14,8 @@ const Todo: NextPage = () => {
const [description, setDescription] = useState<string>(""); const [description, setDescription] = useState<string>("");
const [error, setError] = useState<Error | null>(null); const [error, setError] = useState<Error | null>(null);
const addTodo = () => { const addTodo = (event: React.MouseEvent<HTMLButtonElement>) => {
event.preventDefault();
const entry = {description, checked: false}; const entry = {description, checked: false};
client.addTodo(entry).then((res) => { client.addTodo(entry).then((res) => {

3
examples/react/src/Todo.tsx
View File

@ -12,7 +12,8 @@ function Todo() {
const [error, setError] = useState<Error | null>(null); const [error, setError] = useState<Error | null>(null);
const client = useMemo(() => new TodoClient(api), []); const client = useMemo(() => new TodoClient(api), []);
const addTodo = () => { const addTodo = (event: React.MouseEvent<HTMLButtonElement>) => {
event.preventDefault();
const entry = {description, checked: false}; const entry = {description, checked: false};
client.addTodo(entry).then((res) => { client.addTodo(entry).then((res) => {