네비게이션 리액트 메뉴 불켜기💡 자바스크립트 제이쿼리에서 click시 addClass로 처리하던 부분이 리액트에선 다른 방식으로 풀어야 해서 난항을 겪고 다른 블로그를 봤지만...설명이 너무 어렵게 되어있어서 그냥 간단히 제가 푼방법을 공유하고자 합니다😀 첫번째 props로 header에 값을 넘겨준다. 이렇게 Menu1 컴포넌트에 index번호로 쓰일 '0'을 헤더 컴포넌트에 넘겨줍니다. (추후 다른 경로에서 들어오더라도... 네비게이션리액트네비게이션 [react] 노마드코더 영화웹서비스 제작 6.2 Building the Navigation 네비게이션이 라우터와 관련된 처음 듣는 용어일 거라고 생각했는데, 네비게이션 바 얘기할 때 그 네비게이션이란 것을 깨달았다. 우리는 홈과 어바웃 두 개의 버튼만 만들어 줄 계획이다. 먼저 Navigation.js 를 새로 만들어주고 <a>Home</a>과 <a>about</a>를 리턴하는 함수형 컴포넌트를 만든다. 문제 <a>태그 사용시 home을 클릭하면 아예 새로고침 되어버리는 상황이 발... Link torouternavigation라우터linkbuild네비게이션Link to
리액트 메뉴 불켜기💡 자바스크립트 제이쿼리에서 click시 addClass로 처리하던 부분이 리액트에선 다른 방식으로 풀어야 해서 난항을 겪고 다른 블로그를 봤지만...설명이 너무 어렵게 되어있어서 그냥 간단히 제가 푼방법을 공유하고자 합니다😀 첫번째 props로 header에 값을 넘겨준다. 이렇게 Menu1 컴포넌트에 index번호로 쓰일 '0'을 헤더 컴포넌트에 넘겨줍니다. (추후 다른 경로에서 들어오더라도... 네비게이션리액트네비게이션 [react] 노마드코더 영화웹서비스 제작 6.2 Building the Navigation 네비게이션이 라우터와 관련된 처음 듣는 용어일 거라고 생각했는데, 네비게이션 바 얘기할 때 그 네비게이션이란 것을 깨달았다. 우리는 홈과 어바웃 두 개의 버튼만 만들어 줄 계획이다. 먼저 Navigation.js 를 새로 만들어주고 <a>Home</a>과 <a>about</a>를 리턴하는 함수형 컴포넌트를 만든다. 문제 <a>태그 사용시 home을 클릭하면 아예 새로고침 되어버리는 상황이 발... Link torouternavigation라우터linkbuild네비게이션Link to