React Hooksã®useStateãŒã©ã†ã„ã†åŽŸç†ã§å®Ÿç¾ã•ã‚Œã¦ã‚‹ã®ã‹ã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸReactã®hooksã€ã™ã”ã„ã§ã™ã‚ˆã。関数コンãƒãƒ¼ãƒãƒ³ãƒˆã®è‡ªç”±åº¦ãŒã‚ãŒã£ã¦è‰²ã€…実ç¾ã§ããã†ã§ã™ã€‚ ç§ã¯Reactã«ã¤ã„ã¦ã¯2å¹´ãらã„知è˜æ¢ã¾ã£ã¦ã‚‹ã®ã§ã€ã‹ãªã‚Šè¡æ’ƒçš„ã§ã—ãŸã€‚Contextã¨ã‹Suspenseã¨ã‹ã„ã‚ã„ã‚増ãˆã¦ã¦ä»Šæ›´è¿½ã„ã¤ãã®ã¯é›£ã—ã„ã‘ã©ã€hooksã¯ã¡ã‚‡ã£ã¨ä½¿ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨æ„Ÿã˜ã¾ã—ãŸã€‚ ãã‚“ãªhooksã§ã™ãŒã€ä½¿ã„æ–¹ã¯ãã“ãã“ã‚ã‹ã‚‹ã‘ã©å‹•ä½œåŽŸç†ãŒã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚Hooksã£ã¦ãªã« hooksã¯é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰Reactã®ã„ã‚ã„ã‚ãªæ©Ÿèƒ½ã‚’フックã§ãã€è‡ªåˆ†ã§æ±šã実装ã™ã‚‹ã‚“ã˜ã‚ƒãªãã¦ReactãŒé¢å€’見ã¦ãれるよーã£ã¦ã‚„ã¤ã§ã™ã€‚useStateã§çŠ¶æ…‹ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã€useEffectã§componentDidMountã¿ãŸã„ãªã“ã¨ã‚’実ç¾ã€ã‚ã¨ã»ã‹ã«ã‚‚useXXXç³»ãŒã„ã‚ã„ã‚ã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ useStateを例ã«è¦‹ã¦ã¿
{{#tags}}- {{label}}
{{/tags}}