Reactã®é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§è¦ªåé–“ã®propså—ã‘渡㗠- QiitaReactã§è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰åコンãƒãƒ¼ãƒãƒ³ãƒˆã¸å€¤ã‚’渡ã™ã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ã™ã‚Œã°å分ã ã£ãŸãŒã€åコンãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å€¤ã‚’渡ã™æ–¹æ³•ãŒã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã€‚ import React from 'react'; const App = () => { const greeting = 'Hello Function Component!'; // åコンãƒãƒ¼ãƒãƒ³ãƒˆã«valueをセット return <Headline value={greeting} />; } // valueã‚’FunctionComponentã®å¼•æ•°ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹è¨å®š const Headline:React.FunctionComponent<{value: any}> = ({ value }) => { // valueを表示 return <h1>{value}</h1>; } export
{{#tags}}- {{label}}
{{/tags}}