Paste Search Dynamic
routes Posts
  1. // BACKEND - routes/Posts.js
  2.  
  3. const express = require('express');
  4. const router = express.Router();
  5. const postCtrl = require('../controllers/Posts');
  6.  
  7. router.get('/', postCtrl.getAllPost );
  8.  
  9. // BACKEND - controllers/Posts.js
  10.  
  11. exports.getAllPost = (req, res, next) => {
  12.     Posts.findAll()
  13.     .then((posts) => {
  14.         res.status(200).json(posts)
  15.     })
  16.     .catch((error) => {
  17.         res.status(400).json({error});
  18.     });
  19. };
  20.  
  21. // FRONTEND (au sein de ton component)
  22.  
  23. useEffect(() => {
  24.     fetch("http://localhost:3000/") // On met ici "/" car elle correspond à la route que l'on a définit plus haut
  25.       .then(res => res.json())
  26.       .then(
  27.         (result) => {
  28.           setIsLoaded(true);
  29.           setItems(result.items);
  30.         },
  31.         // Remarque : il faut gérer les erreurs ici plutôt que dans
  32.         // un bloc catch() afin que nous n’avalions pas les exceptions
  33.         // dues à de véritables bugs dans les composants.
  34.         (error) => {
  35.           setIsLoaded(true);
  36.           setError(error);
  37.         }
  38.       )
  39.   }, [])
Parsed in 0.006 seconds