データå–å¾—ã®ãŸã‚ã® React Hooks ライブラリ – SWRimport useSWR from 'swr' function Profile() { const { data, error, isLoading } = useSWR('/api/user', fetcher) if (error) return <div>failed to load</div> if (isLoading) return <div>loading...</div> return <div>hello {data.name}!</div> } ã“ã®ä¾‹ã§ã¯ã€useSWR フック㯠key æ–‡å—列㨠fetcher 関数をå—ã‘å–ã‚Šã¾ã™ã€‚ key ã¯ãƒ‡ãƒ¼ã‚¿ã®ä¸€æ„ãªè˜åˆ¥å（通常㯠API ã® URL）ã§ã€fetcher ã«æ¸¡ã•ã‚Œã¾ã™ã€‚ fetcher ã¯ãƒ‡ãƒ¼ã‚¿ã‚’è¿”ã™ä»»æ„ã®éžåŒæœŸé–¢æ•°ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã® fetch ã‚„ Axios ã®ã‚ˆã†ãªãƒ„ールを使ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ãƒ•ãƒƒ
{{#tags}}- {{label}}
{{/tags}}