같은 버튼을 사용 시, 스타일은 같고 버튼 텍스트만 다르게 하고 싶으면 이때 props의 개념을 사용하면 된다. Boolean 형식도 넘겨진다. function Btn({ text, big }) { /*원래 props에서 하나의 인자만 받는다.
Btn(props) 이렇게. 다만 Object형식으로 받기에 {text}형식으로 꺼내준다.
그러면 {text, big} 등 여러 인자를 받을 수 있다. */ return (
![[React] Props를 활용해 버튼 재사용, function 사용 및 types 지정하기](https://mblogthumb-phinf.pstatic.net/MjAyMjEwMjNfODQg/MDAxNjY2NTE4NjkzMzY5.fbUq0ilYs3M9ku-H1FSW7DMHkr2IdKh6mQESxjtbElMg.uKfUPjsFEzysgnoH_rEunu1IoSDitn6HFfZLr-LIFnsg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-10-23_%BF%C0%C8%C4_6.51.30.png?type=w2)
#
boolean
#
커스텀컴포넌트
#
인자
#
버튼재사용
#
넘기기
#
text
#
react
#
PropTypes
#
props
#
타입정하기
![[중국 시사] 충격. 이제 바이러스 걸리면 돈 받는다?](https://mblogthumb-phinf.pstatic.net/MjAyMTEyMDJfMTc0/MDAxNjM4NDQ3MzE0MzY2.pmUlIGiAogbkMvcYj2j_YLN6qAqHOPtlsM4g_fbMH2Ig.tCkIv2Fh6SuWqubKwMFxnR-DRSahU6pvCSz2faOM54Ug.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2021-12-02_%BF%C0%C8%C4_9.15.09.png?type=w2)
![[세계 시사] 익명의 '전사'들과 '콜로세움'](https://mblogthumb-phinf.pstatic.net/MjAyMTEyMDNfMTAz/MDAxNjM4NDkxMzYwNTA0.0mQzrxKk-RZFeoyOWViJU-FLZiDxQIUUoFGCEWeslE4g.vf82CCj4ZfmdWFj2Ip563utr0ROSm4f6Au-N9SER9WYg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2021-12-03_%BF%C0%C0%FC_9.29.16.png?type=w2)
![[Mac] 맥 전용 scp/sftp/ssh 설치하기](https://mblogthumb-phinf.pstatic.net/MjAyMjAzMjlfMTQ3/MDAxNjQ4NTU1NzQzMjQ2.QwVVa7cJQqXHcMyaKjgwkK886B-K0N-H2cgBkUnWV7sg.JQ2-dpBV-iReg26hMVpxuDL8IeWPLjwQFnn_M2bcnZcg.PNG.lifeyun24/5.png?type=w2)
![[IT 지식] 프로그래머 vs 개발자 vs 엔지니어](https://mblogthumb-phinf.pstatic.net/MjAyMjA0MDdfMjEw/MDAxNjQ5MzMxOTM0NzY0.ymxsEtmLqwYx-jYznwlIh4dfdTCtcqvPm0YO4dO65BUg._to__ruoii1a0HqG4dYggaIP8cWIC-ocdcjEFXSCzW8g.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-04-07_%BF%C0%C8%C4_8.45.28.png?type=w2)
![[Xcode] .ipa 파일 생성 및 설치 한방에 해결](https://mblogthumb-phinf.pstatic.net/MjAyMjA1MDlfMjA2/MDAxNjUyMDgyMDQzMjUx.xWFiGHOu8vjFpHhgBKfHLwwR5N5J4IumB-DoA3NMfiQg.CZ1GJNJ_pnYqQnmthInaLcwp7J_k8e3Vzave6Lvfrakg.PNG.lifeyun24/10.png?type=w2)
![[RN] debugging tool 소개 (react-native-debugger 소개 업데이트)](https://mblogthumb-phinf.pstatic.net/MjAyMjEwMTZfMzgg/MDAxNjY1OTEwNDk0MzQz.n43lypedThMZPoA--MfgedrnbL1qV3kPT5laAzaHXx4g.yqECJ_1gH5o3X2IWYghcyvCMHBfdi_usC4WgAVsFS4Eg.PNG.lifeyun24/%BD%BA%C5%A9%B8%B0%BC%A6_2022-10-14_%BF%C0%C8%C4_3.30.24.png?type=w2)