Affiche erreur formulaire

tp/src/Signin.js

@@ -3,10 +3,12 @@ import {useState} from "react";
 let Signin = ({signin}) => {
     let [user, setUser] = useState("");
     let [password, setPassword] = useState("");
+    let [error, setError] = useState("");
 
     let handleSubmit = e => {
         e.preventDefault();
-        signin(user, password);
+        signin(user, password)
+        .catch(err => { setError(err.message); console.log("test"); });
         setUser('');
         setPassword('');
     };
@@ -27,6 +29,7 @@ let Signin = ({signin}) => {
             <p><label>Password :</label></p>
             <p><input type="password" name="password" value={password} onChange={handlePasswordChange} /></p>
             <p><button type="submit">Submit</button></p>
+            <p><label value={error}></label></p>
         </form>
     </div>
 };

tp/src/Signup.js

@@ -3,10 +3,12 @@ import {useState} from "react";
 let Signup = ({signup}) => {
     let [user, setUser] = useState("");
     let [password, setPassword] = useState("");
+    let [error, setError] = useState("");
 
     let handleSubmit = e => {
         e.preventDefault();
-        signup(user, password);
+        signup(user, password)
+        .catch(err => { setError(err.message); });
         setUser('');
         setPassword('');
     };
@@ -27,6 +29,7 @@ let Signup = ({signup}) => {
             <p><label>Password :</label></p>
             <p><input type="password" name="password" value={password} onChange={handlePasswordChange} /></p>
             <p><button type="submit">Submit</button></p>
+            <p>{error}</p>
         </form>
     </div>
 };

tp/src/TP3.js

@@ -23,7 +23,7 @@ let TP3 = () => {
     };
 
     let signin = (user, password) => {
-        fetch(`http://127.0.0.1:4200/signin`, {
+        return fetch(`http://127.0.0.1:4200/signin`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({user, password})
@@ -32,14 +32,11 @@ let TP3 = () => {
         .then(res => res.json())
         .then(data => {
             console.log(data);
-        })
-        .catch(err => {
-            console.log(err.message);
         });
     };
 
     let signup = (user, password) => {
-        fetch(`http://127.0.0.1:4200/signup`, {
+        return fetch(`http://127.0.0.1:4200/signup`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({user, password})
@@ -48,9 +45,6 @@ let TP3 = () => {
         .then(res => res.json())
         .then(data => {
             console.log(data);
-        })
-        .catch(err => {
-            console.log(err.message);
         });
     };