useEffect
#React #Next.js
ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใŒใƒžใ‚ฆใƒณใƒˆใ—ใŸใ‚ฟใ‚คใƒŸใƒณใ‚ฐใงใ€ไพๅญ˜้…ๅˆ—ใซใ„ใ‚ŒใŸๅค‰ๆ•ฐใŒๅค‰ๅŒ–ใ—ใŸๅ ดๅˆใซๅ‡ฆ็†ใŒ่ตฐใ‚‹
React 18ใ‚ˆใ‚Šใ€้–‹็™บ็’ฐๅขƒใ ใจๅ‡ฆ็†ใŒ2ๅ›ž่ตฐใ‚‹ใ€ๆœฌ็•ช็’ฐๅขƒใงใฏ1ๅ›žใฎใฟใจใชใ‚‹
ใชใœ่ตฐใ‚‹ใ‚ˆใ†ใซใชใ‚‹ใ‹
ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใฎไธๅ…ทๅˆใ‚’ใ‚ใถใ‚Šใ ใ™
https://zenn.dev/uhyo/articles/react-18-alpha-essentials#strictmode-ใงใฎ-useeffect-ใฎๆŒ™ๅ‹•ใฎๅค‰ๅŒ–
code:ts
useEffect(() = { /** ๅ‡ฆ็†ใ—ใŸใ„ๅ†…ๅฎน */ }, ไพๅญ˜้…ๅˆ— */)
ใ‚ฏใƒชใƒผใƒณใ‚ขใƒƒใƒ—ใฎไพ‹
code:ts
useEffect(() => {
return () => {}
}, [])