React - axios json-server

pnpm,cmd, axios, vite, css, db.json, Routes Route, useState. useEffect, Link, useParams, BrowserRouter

sekarang, bagiamana cara menampikan di frontendnya data dbjson kita.

selesai home, sekarang kita buat form di /blog/create

selanjutnya kita handel submitnya dengan pakai prevent devault terus masukkan nilainya onSubmit={handleSubmit} biar bisa masukin

selanjutnya kita ke Home, tambahkan link detail dan di klik bisamenampilkan halaman detail

selanjutnya kita ke detail.jsx, untuk menangkap parameter id dari url kita tampilkan di cosnsole info

karena tipe datanya obje {}, maka tidak perlu proses mapping. jadi bisa langsung dipanggil dan kita tidak butuh key dan list karena bukan sesuatu yang akan di looping sesuatu yang akan diulang.

ketika dipanggil dia akan error karena

dia mencoba membaca title, tapi di axios untuk menampilkan membutuhkan waktu, sehingga kita butuh consitional rendering mengulur waktu untuk sambil load data.

menampilkan data dbjson, inputan sendiri.

Resource