Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- useState
- 모던 자바스크립트 Deep Dive
- 함수선언식
- react
- 지역스코프
- Object Type
- null 병합 연산자
- 옵셔널 체이닝 연산자
- Object.is
- 모던자바스크립트 Deep Dive
- Java Script
- mobx react
- 객체 리터럴
- 회고
- 이직
- type script
- 객체
- 함수호이스팅
- 개발자
- 23년 상반기
- Object in Object
- object
- 전역스코프
- 2023 회고
- til
- Type {children: Element} has no properties in common with type IntrinsicAttributes
- 모던자바스크립트
- 객체 속 객체
- rerender
- 개발자 회고
Archives
- Today
- Total
목록rerender (1)
Pie_Archive
[React] Input: Text 훌륭하게 구현하기
0. 글을 쓰게 된 계기 최근 Test Code 관련 강의를 수강하던 중, 소스코드의 input 이 아래와 같이 구현 된 것을 발견했다. const InputWithRef = () => { const inputRef = useRef(); const addPost = (post) => { // 글 추가하는 함수 } const onSubmit = () => { const { value } = inputRef.current; addPost(value) } return( ) } 코드 자체는 문제가 없는데, 무엇이 문제여서 글을 쓰게 됬을까? 1. 배운거랑 달라요! 정말 이 문제 때문이었다. 조금 더 자세히 말하자면 나는 input창을 useState를 이용하여 구현했는데, 해당 코드에서는 useRef를 이용하여..
Front End
2022. 5. 20. 01:36