Menggunakan ParchParams
// React Router v6: hook reads/modifies current location URL query str
import { useSearchParams } from 'react-router-dom'
function App() {
let [searchParams, setSearchParams] = useSearchParams()
const handleSubmit = e => {
e.preventDefault()
let params = serializeFormQuery(e.target)
// assume 'serializeFormQuery()' creates an obj of { key: value }
// pairs from fields in the form that make up the query
setSearchParams(params)
}
return (
<div>
<form onSubmit={handleSubmit}>{/* ... */}</form>
</div>
);
}
Coffee Addict