본문 바로가기
728x90

코딩애플254

[리액트] 외부 페이지 데이터바인딩 / URL 파라미터 문법 / useParams() 상세페이지(Detatil.js) 에 상품명 넣기 상품명 - shoes state = function App (App.js)에 존재. 상세페이지(Detatil.js) 에 상품명 넣기.= props 사용// Detail.jsfunction Detail(props) { return ( 상품명 상품설명 120000원 주문하기 );}export default Detail;상품명 데이터 바인딩해주기.///detail 접속시 html 이쁜거 보여달라function Detail(props) { return ( .. 2024. 5. 27.
[리액트] 외부 파일 컴포넌트 넣기 / useNavigate() / nested routes / Outlet detail 접속시 보여주고 싶은 html 보여주기 - 다른파일로 뺀 다음 거기서 컴포넌트를 만들어서 넣기.  {/* 디테일 페이지 */} 상세페이지임} />저기 element 속성 부분에 컴포넌트 예정.= element 속성 부분= element={ }컴포넌트 생성- 함수 쓰고 return 문 써주기.///detail 접속시 html 이쁜거 보여달라function Detail() { return ( 상품명 상품설명 120000원 주문하기 );}export default Detail;- Detail.js 파일 s.. 2024. 5. 26.
리액트에서 탭 UI 만들기 보호되어 있는 글 입니다. 2024. 5. 22.
리액트에서 서버와 통신하려면 ajax 2 : post, fetch 보호되어 있는 글 입니다. 2024. 5. 22.
리액트에서 서버와 통신하려면 ajax 1 보호되어 있는 글 입니다. 2024. 5. 22.
Lifecycle과 useEffect 2 보호되어 있는 글 입니다. 2024. 5. 21.
728x90

티스토리툴바