일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- es6
- 서초구보건소 #무료CPR교육
- 화살표2개
- BlockFormattingContext
- tailwindCSS
- CustomHook
- 문제해결
- ㅡ
- alias설정
- parent padding
- useQueryClient
- 부모요소의 패딩 무시
- ignore padding
- accordian
- QueryClient
- 제어컴포넌트
- 함수형프로그래밍
- vite
- react
- Carousel
- 조건부스타일
- 리액트
- ?? #null병합연산자
- debouncing
- BFC
- twoarrow
- DOM
- createPortal
- 부모패딩
- transition
Archives
- Today
- Total
프론트엔드 첫걸음
[문제해결] 중괄호와 괄호 헷갈리지 않게 잘 쓰기 본문
() => { return } 의 생략은 () => 이다.
옳은 코드
<MyContext.Consumer>
{value => <div>{value.color}</div>
}
</MyContext.Consumer>
잘못된 코드
<MyContext.Consumer>
{value => {
<div>{value.color}</div>
}
}
</MyContext.Consumer>
immer의 produce 함수는 return 반환하지 않는 void 함수이다.
옳은 코드
const onChange = useCallback(
(e) => {
const { name, value } = e.target;
setForm(
//immer+useState함수형 업데이트
produce((form) => {
form[name] = value;
})
);
},
// [form]
[] //상태 form대신 함수받으니까 의존성배열에 form 넣을 필요 없음
);
잘못된 코드
const onChange = useCallback(
(e) => {
const { name, value } = e.target;
setForm(
//immer+useState함수형 업데이트
produce((form) => form[name] = value;)
);
},
// [form]
[] //상태 form대신 함수받으니까 의존성배열에 form 넣을 필요 없음
);
'개발 공부 > React' 카테고리의 다른 글
[Redux Toolkit Tutorial] Cake shop Scenario (0) | 2022.09.01 |
---|---|
Redux Toolkit 이해하기 - vanila javascript에서 써보기 (0) | 2022.08.31 |
ContextAPI (0) | 2022.08.30 |
immer 사용법 (0) | 2022.08.29 |
불변성을 지키면서 setState (0) | 2022.08.28 |