본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

자식 컴포넌트 (1)
자식 컴포넌트 만들기

작업의 순서를 정해봅시다.우선은 자식 컴포넌트들을 만든 다음에 api를 통해 정보를 불러오고 우리가 임의로 입력한 값들을 대체 하도록 하겠습니다. 일단 profile.js를 만들었으니 그 안에 필요한 코드들을 추가해 보도록 하겠습니다. 자식 컴포넌트 만들기const로 사용할 컴포넌트를 선언했습니다. 매개변수로 전달한 값은 { imgSrc, name, username, password } 입니다. 보통은 props라는 값을 많이 전달합니다만 저는 props라고 적는 대신에 이 객체를 구조분해해서 값을 받고 있습니다. 컴포넌트에 전달한 인수 값을 구조분해를 사용하든, props를 사용하든 기호에 맞게 사용하시면 됩니다. props를 매개변수로 전달하셨다면 컴포넌트에서 사용하는 값들이 {name}, {user..

Frontend-dev/react 2018. 9. 6. 03:40
이전 1 다음
이전 다음
TAG
  • 자바스크립트
  • css
  • three.js 튜토리얼
  • 파이썬 예제
  • html
  • 플렉스
  • 반응형 웹 예제
  • 깃허브
  • css grid
  • 장고 튜토리얼
  • 스크래핑
  • es6
  • React
  • responsive web
  • flex
  • 리액트 라우터
  • python
  • JavaScript
  • 리액트
  • 반응형 웹
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바