728x90 리액트67 [리액트] props 쉽게 쓰고 싶으면 참고한 글리액트에서 탭 UI 만들기 (tistory.com) 리액트에서 탭 UI 만들기 jamongsoda.tistory.com하단에 있음. 객체 비구조화 할당(object destructuring)을 통해props를 간단하게 받아오려는 것 비구조화 할당import React from "react";import "./style/main.scss"; // 스타일이 있는 경로에 따라 맞춰주세요.function Search({ isVisible, setSearch }) { if (!isVisible) return null; return ( setSearch(false)} > );}export default Search;이렇게 props.. 2024. 9. 5. [리액트] Navigate 와 useNavigate 의 차이 공통점 Navigate와 useNavigate는 둘 다 페이지를 이동(네비게이션)하는 데 사용Navigate 컴포넌트import { Navigate } from 'react-router-dom';function ProtectedPage() { const userLoggedIn = false; if (!userLoggedIn) { return ; } return Welcome to the protected page!;}Navigate는 자동으로 페이지를 이동시킬 때 사용합니다.페이지를 그릴 때, 특정 조건이 만족되면 바로 다른 페이지로 보내는 역할을 합니다.언제 사용하나요? 사용자가 로그인하지 않았는데 보호된 페이지에 접근하려 할 때,그 사용자를 로그인 페이지로 보내고 싶을 때 사용합니다.어떻.. 2024. 9. 4. React 강의 나가는 말 보호되어 있는 글 입니다. 2024. 6. 14. Node+Express 서버와 React 연동하려면 보호되어 있는 글 입니다. 2024. 6. 14. state 변경함수 사용할 때 주의점 : async 보호되어 있는 글 입니다. 2024. 6. 14. PWA 셋팅해서 앱으로 발행하기 (모바일앱인척하기) 보호되어 있는 글 입니다. 2024. 6. 14. 이전 1 2 3 4 5 ··· 12 다음 728x90
