Je souhaite envoyer la valeur saisie au serveur en tant que paramètre de routage. Dois-je écrire une fonction pour coder ces valeurs ? J'essaie d'accomplir cela sans aucune bibliothèque.

Par coïncidence, j'ai entré localhost 8000 par erreur, puis le navigateur a ajouté l'URL de localhost 3000 à 8000 avant de pouvoir utiliser les paramètres de recherche définis, et j'ai ajouté ces valeurs aux paramètres de route, mais l'URL du serveur ne l'a évidemment pas fait. Ce n’est pas correct.

Voici mon code :

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;

Lors de la soumission, je ne reçois que l'objet vide URLSearchParams{}