link2 [React오답노트] Link 태그의 밑줄 제거하기 Navigation bar의 각 영역을 클릭하면 클릭한 페이지에 맞는 라우팅 처리 해 주기 Header Engine code import { HeaderDiv, HeaderLogo, NavigationBar, ToAboutUs, ToInterpreation, ToConsulting } from "./headerStyle"; import {Link} from "react-router-dom"; function Header() { return ( About us Interpreation Consulting ) } export default Header Header style code import styled from "styled-components"; // How to import img fr.. 2023. 1. 17. [ReactJS] Params, Link Params는 사이트 주소 상의 :id 부분을 통해 개발자들에게 지금 다루는 API 정보를 쉽게 접근할 수 있는 기능을 수행해준다. 다음은 내가 만든 영화 소개 페이지이다. import { useState, useEffect } from 'react'; import { useParams } from 'react-router-dom'; // useParams() -> returns id(the last one in path) import { Link } from 'react-router-dom'; function Detail() { const { id } = useParams(); const [loading, setLoading] = useState(true); const [currMovie, setCur.. 2023. 1. 13. 이전 1 다음
