목록리액트 쿼리스트링 (1)

sohyeon kim

[React] useSearchParams : 검색 기능, setSearchParams, ?search=''

💡 검색 키워드로 데이터 가져오기 쿼리로 keyword=검색어 요런식으로 주소를 바꿔 검색을 했을 때 http://localhost:3000/courses?keyword=react 😲 useSearchParams 로 검색어만 빼올 수 있다! import { useSearchParams } from 'react-router-dom'; function CourseListPage() { const [searchParams, setSearchParams] = useSearchParams(); console.log(searchParams.get('keyword')); // 주소에서 keyword 만 빼옴 const [keyword, setKeyword] = useState(''); // input state co..
React 2024. 3. 7. 11:51
이전 Prev 1 Next 다음