티스토리 뷰
728x90
on vs handle
이벤트 핸들러 함수를 props로 넘길때, 언제 on을 쓰고 언제 handle을 붙일까?
handle은 함수를 정의할때 사용
on은 이벤트핸들러 함수를 prop으로 받는 component 쪽에서 prop 이름으로 사용
export default function App(){
function handleSelect(){
console.log('Selected!')
}
return (
<TabButton onSelect={handleSelect}>Component</TabButton>
)
}
export default function TabButton({children, onSelect}){
return (
<button onClick={onSelect}>{children}</button>
)
}
728x90
'Today I Learned' 카테고리의 다른 글
React+Vite 프로젝트 github pages로 배포하기 (0) | 2024.11.21 |
---|---|
[React] 이미지 파일은 어디에 두는 것이 좋을까 (0) | 2024.11.20 |
[React] 컴포넌트 Components (1) | 2024.11.20 |
[JavaScript] 헷갈렸던 개념 간단 정리 (2) | 2024.11.20 |
React 간단 개요 (0) | 2024.11.18 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- LinkedIn Skill Assessment
- 링크드인보유기술
- 해냄기록
- CSS설계기법
- 오블완
- 멋쟁이사자처럼 프론트엔드스쿨
- 테크세미나
- CSS함수
- 부트캠프합격후기
- 멋쟁이사자처럼굿즈
- SW웰컴즈걸스
- Til
- 에러잡기
- 2021년회고
- 멋사프론트엔드스쿨
- 멋쟁이사자처럼
- IT행사
- 오픈소스컨트리뷰션아카데미
- IT행사참여후기
- 멋쟁이톡
- 웹폰트최적화
- 실무취업특강
- 회고
- 부트캠프지원후기
- 멋사굿즈
- 링크드인실력평가
- 티스토리챌린지
- 자바스크립트에러
- #앞서가는개발자의비밀 #걸스인텍 #GirlsinTech #원티드
- 스터디회고
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
글 보관함