Saya ingin menghantar nilai yang dimasukkan ke pelayan sebagai parameter penghalaan. Sekiranya saya menulis fungsi untuk mengekod nilai ini? Saya cuba mencapai ini tanpa sebarang perpustakaan.

Kebetulan, saya tersilap memasukkan localhost 8000, dan kemudian penyemak imbas menambahkan URL untuk localhost 3000 hingga 8000 sebelum saya boleh menggunakan set Params Carian, dan saya menambahkan nilai tersebut pada parameter laluan, tetapi URL pelayan jelas tidak. t betul.

Ini kod saya:

import axios from 'axios'; import React, { useState } from 'react'; import { useSearchParams } from 'react-router-dom'; const AddProductForm = ({ id }) => { let [searchParams, setSearchParams] = useSearchParams(); const [input, setInput] = useState({ title: '', price: '', rating: '', description: '', }); const handleSubmit = (e) => { e.preventDefault(); setSearchParams(input) axios .put(`http://localhost:8080/api/v1/products/${id}?` + searchParams) .then((res) => console.log(res)) .catch((err) => console.log(err)); }; const onChange = (e) => { //function to handle change of each input } return ( 
 
 
 
Edit Product
 
 Add new title  
 
 Add new price  
 //All other inputs  Create   
 ); }; export default AddProductForm;

Apabila menyerahkan, saya hanya mendapat objek kosong URLSearchParams{}