dino/Adopt_a_pet-Codecademy
1
0
Fork 0
Code Issues 47 Pull Requests Packages Projects Releases Wiki Activity

Trying to add search function / useNavigate question

Browse Source
This commit is contained in:
Dino Tutic 2023-07-13 20:57:06 +02:00
parent 24b9860d18
commit e707852e69
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/search/index.js
View File

@ -1,11 +1,11 @@
import React, { useRef } from 'react';
import React, { useRef } from "react";
import { createSearchParams, useNavigate } from "react-router-dom";
// Import createSearchParams
// Import useNavigate
const Search = () => {
// get navigate function
const navigate = "REPLACE ME";
const navigate = useNavigate();
const searchInputRef = useRef();
@ -13,13 +13,14 @@ const Search = () => {
e.preventDefault();
const searchQuery = {
name: searchInputRef.current.value
}
name: searchInputRef.current.value,
};
// use createSearchParams
const query = "REPLACE ME";
const query = createSearchParams(searchQuery);
// imperatively redirect with useNavigate() returned function
navigate({ pathname: "/search", search: `${query}` });
};
return (