JavaScript/React/useEffect/APIリクエストの重複を防ぐのバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
JavaScript/React/useEffect/APIリクエストの重複を防ぐへ行く。
- 1 (2023-09-09 (土) 17:43:07)

APIリクエストの重複を防ぐ

 import { useState, useEffect } from 'react';
 import { fetchBio } from './api.js';
 
 export default function Page() {
   const [person, setPerson] = useState('Alice');
   const [bio, setBio] = useState(null);
 
   useEffect(() => {
     let ignore = false;
     setBio(null);
     fetchBio(person).then(result => {
       if (!ignore) {
         setBio(result);
       }
     });
     return () => {
       ignore = true;
     };
   }, [person]);