#React #함수형컴포넌트 #컴포넌트 #function 함수형 컴포넌트 함수형 컴포넌트는 클래스 형 컴포넌트와 달리, state 가 없고 생명주기 함수를 사용할 수 없습니다. 상위 컴포넌트에서 props 와 context 를 파라미터로 전달받아 사용하고, render() 함수가 없으므로 return 만 사용해 화면을 그려줍니다.
App.js import React from 'react'; import './App.css'; import FunctionComponent from '.
/FunctionComponent' function App() { return (
![[ React ] 함수형 컴포넌트 사용하기](https://mblogthumb-phinf.pstatic.net/MjAyMjEyMjBfMzcg/MDAxNjcxNTI2MzU5NTM5.CkeyrJbMMWK3hBUtrDhpxRCgkYAHxFNAuEZKHzZYcvsg.zbpK49fsgNulVcVWag8ddj9WHs83FIiCRAgxMjwMNHwg.JPEG.twilight_teatime/react.jpeg?type=w2)
#
function
#
React
#
컴포넌트
#
함수형컴포넌트
원문 링크 : [ React ] 함수형 컴포넌트 사용하기
![[ Eclipse ] 이클립스(STS) 테마 변경하기. ( + 테마 풀림 해결 방법 )](https://mblogthumb-phinf.pstatic.net/MjAxODAyMjFfMjkw/MDAxNTE5MTg1MTk0MzA3.twkG854zV4Sgy1Ut9bdfYxZwWNgQTfnRGlbPUGDShzYg.gBRZY7CuYKoCis0aZ4lhUGBwX9dW0fSOpixg_UFOW_Ag.PNG.twilight_teatime/0.png?type=w2)
![파리바게트 x 노스피크 쉘프래더세트 :: 굿즈 픽업했어요. 실물 색깔 후기 [ 언박싱 ]](https://mblogthumb-phinf.pstatic.net/MjAyMjA1MTlfMTE1/MDAxNjUyOTM4NzkxMDEw.WutOrwq0Eu7iMhnRYOvRcbW1_tDOYHEJcfZPDoSES9Ug.MvbjpdRCA9q-g9PEbG-WW7YfIrEc3fIIUK1SgIAH7-gg.JPEG.twilight_teatime/%C6%C4%B8%AE%B9%D9%B0%D4%C6%AE_X_%B3%EB%BD%BA%C7%C7%C5%A9_%BD%A9%C7%C1%B7%B9%B4%F5%BC%BC%C6%AE_%B1%C2%C1%EE_%BD%C7%B9%B0_%BB%F6%B1%F2_%C8%C4%B1%E2_-_%BE%F0%B9%DA%BD%CC_%2814%29.JPEG?type=w2)
