728x90 React 메모장5 [React] 이벤트 핸들링 이벤트 : 사용자가 웹 브라우저에서 DOM 요소들과 상호작용 하는 것. ※이벤트를 사용할 때 주의 사항 1. 이벤트 이름은 카멜 표기법으로 작성 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아닌 함수 형태의 값으로 전달 HTML에서 이벤트를 설정할 때 큰 따옴표 안에 실행할 코드를 넣었지만, 리액트에서는 함수 형태의 객체를 전달한다. 3. DOM 요소에만 이벤트를 설정 컴포넌트에 자체적으로 이벤트를 설정할 수는 없다. 하지만 전달받은 props를 컴포넌트 내부의 DOM 이벤트로 설정할 수 있다. | 이벤트의 종류 Clopboard Form UI Animation Composition Mouse Wheel Transition Keyboard Selection Media Focus Touch Im.. 2021. 8. 22. [React] 자료형 불일치에 대한 Error Warning: Failed prop type: Invalid prop `value` of type `number` supplied to `TextInput`, expected `string` Solving 강제 형변환 2021. 6. 18. [React] useIsMountedRef React Hook When? Avoid memory leaks setting states when component are unmounted Control when component already mounted Common error solving when setting state to unmounted component 2021. 6. 16. [React] CLSX When? 동적 classNames 배열이 있는 경우에 사용된다. 주어진 조건이 true일 경우에만 일부 클래스가 적용된다. const menuStyle = clsx({ [classes.root] : true, //always apply [classes.menuOpen] : open //only when open === true }) 2021. 6. 16. "React 메모장" 이 카테고리는 말그대로 리액트 메모장 .. 🧸 이후 올라오는 게시물이 다른이들에게 도움이 될 수 있지만, 나만 알아볼 수 도 있음 2021. 6. 16. 이전 1 다음 728x90
