React19ã¯forwardRef絡ã¿ã®é•·ã£ãŸã‚‰ã—ã„型記述を無ãã—ã¦ãれる - QiitaTL;DR （3è¡Œã¾ã¨ã‚） React 18 ã¾ã§ã¯ã€TypeScript 㧠forwardRef ã™ã‚‹ãŸã‚ã«ã€ref ã®åž‹ã‚’書ã„ãŸã‚Šã€å¼•æ•°ã®é †ç•ªãƒ»åž‹å¼•æ•°ã®é †ç•ªã‚’æ°—ã«ã—ãŸã‚Šã€ã‚ã‚“ã©ãã•ã‹ã£ãŸ React 19 ã§ã¯ã€forwardRef ãŒä¸è¦ã«ãªã‚Šã€æ™®é€šã« ref Prop ã‚’å—ã‘å–れる TypeScript åž‹ã®è¨˜è¿°é‡ãŒã‹ãªã‚Šæ¸›ã£ã¦ã€æ›¸ãé–“é•ã„ã‚„ã™ã„部分も削減ã•ã‚ŒãŸ React18ã¾ã§ã®æ›¸ãæ–¹ React 18 以å‰ã§ã¯ã€ref Prop を指定ã§ãるコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ããŸã‚ã«ã€forwardRef を使ã†å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ 生㮠button ã¨åŒã˜ã‚ˆã†ã«ã€å±žæ€§ã€ref ã‚’è¨å®šã§ãるカスタマイズ性をä¿ã¤ カスタマイズ性をä¿ã£ãŸã¾ã¾ã€CSS Modules ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨å®šã™ã‚‹ ã¨ã„ã†è¦ä»¶ã‚’満ãŸã™ã€Œbutton をラップã—ãŸã‚«ãƒ¼ãƒ‰UIコンãƒãƒ¼ãƒãƒ³ãƒˆã€ã‚’作æˆã™ã‚‹ãŸã‚ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³
爆伸ã³ä¸ã®Goライブラリhuma
{{#tags}}- {{label}}
{{/tags}}