반응형
function component
-
React 기초 : function 기능 -> 함수형 Component 정의하기컴퓨터 알아가기/React 2021. 6. 7. 19:30
이제는 기본구조에서 조금은 변형을 해 보겠습니다. 아마도 이 개념까지 보시면 React가 이렇게 구성이 되는구나 하는 느낌이 오실겁니다. ▒ render( )함수 없이 바로 함수기능 사용하기 변수값을 설정해서 음식값을 나타내는 코딩을 해 보겠습니다. 역시 Codepen에서 연습해 보죠. 지난 시간에 class를 지정하고 component를 상속받아 render( )함수를 사용했는데 이 부분을 빼고 function 기능을 바로 사용합니다. ▶ 김치찌개가 8,000원인 내용을 ReactDOM.render( )함수를 이용해서 나타내 보죠. 1. function 함수 component를 만들어서 정의 : foodInfo(food)라는 component 생성 2. 정의된 component를 나타내는 return(..