λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

λ¦¬μ•‘νŠΈ2

[TIL] React-Hooks μ•Œμ•„λ³΄κΈ° ν΄λž˜μŠ€ν˜• vs ν•¨μˆ˜ν˜• ReactλŠ” μ²˜μŒμ— ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ λ°©λ²•λ§Œ μ‘΄μž¬ν–ˆλ‹€. ν•˜μ§€λ§Œ, ν΄λž˜μŠ€ν˜•μ€ μ–΄λ ΅κ³  λ³΅μž‘ν•˜μ—¬ ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ 방법이 μƒκ²¨λ‚˜κ²Œ λ˜μ—ˆλ‹€. ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈλ³΄λ‹€ 훨씬 κ°„λ‹¨ν•˜κΈ°μ— 점점 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈμ˜ μ‚¬μš© λΉ„μœ¨μ΄ λ†’μ•„μ§€κ²Œ λ˜μ—ˆκ³ , μš”μ¦˜ ν˜„μ—…μ—μ„œλŠ” ν΄λž˜μŠ€ν˜•λ³΄λ‹€λŠ” ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλ₯Ό 많이 μ‚¬μš©ν•˜λŠ” 좔세라고 ν•œλ‹€. ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ import { Component } from 'react'; class Hello extends Component { render() { return ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈ } } export default Hello ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ const Hello = () => ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈ export default Hello 이 ν•¨μˆ˜ν˜• μ»΄ν¬λ„ŒνŠΈλŠ” ν™”μ‚΄ν‘œ 함.. 2023. 6. 9.
[React error] Warning: Expected `onClick` listener to be a function, instead got a value of `object` type. 유튜브 클둠 ν”„λ‘œμ νŠΈλ₯Ό ν•˜λ©΄μ„œ 햄버거 λ°” (FiMenu) ν΄λ¦­μ‹œ 메뉴 숨기기 μ½”λ“œλ₯Ό 짜고 μžˆμ—ˆλ‹€. μ½”λ“œλ₯Ό μ²˜μŒμ—” μ΄λ ‡κ²Œ μ§°λ‹€κ°€ 햄버거 λ°”λ₯Ό 계속 클릭해도 μˆ¨κ²¨μ§€μ§€κ°€ μ•ŠλŠ” μ—λŸ¬κ°€ λ°œμƒν–ˆλ‹€. μ•žμœΌλ‘œ λ¦¬μ•‘νŠΈλ₯Ό κ³΅λΆ€ν•˜λ©΄μ„œ 자주 λ°œμƒν•  것 같은 μ—λŸ¬ κ°™μ•„μ„œ κΈ°λ‘ν•˜κ²Œ λ˜μ—ˆλ‹€. μ½˜μ†” 창을 ν™•μΈν•΄λ³΄λ‹ˆ Warning: Expected `onClick` listener to be a function, instead got a value of `object` type. λ‹€μŒ 사진과 같은 이런 μ—λŸ¬κ°€ μ ν˜€μžˆμ—ˆλ‹€. κ²°λ‘ λΆ€ν„° λ§ν•˜μžλ©΄ λΆ€λͺ¨ μ»΄ν¬λ„ŒνŠΈμ—μ„œ ν•˜μœ„ μ»΄ν¬λ„ŒνŠΈμ— 무언가λ₯Ό μ „λ‹¬ν•˜λ©΄μ„œ 생긴 였λ₯˜μ΄λ‹€. λ‚˜λŠ” ν˜„μž¬ Menu의 stateκ°€ λ‹΄κ²¨μžˆλ„λ‘ λ§Œλ“  비ꡬ쑰화 ν• λ‹Ή 문법을 μ‚¬μš©ν•œ Propsλ₯Ό onClickMenu λΌλŠ” ν•¨μˆ˜ 파라.. 2022. 4. 5.

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”