Erkennen, ob wir neue Antwort von API erhalten

Question

Ich arbeite an einer React App.

Ich möchte meine Komponentendetails jedes Mal aktualisieren, wenn es eine neue Antwort von der API erhält. Kann mir bitte jemand sagen, wie kann ich erkennen, wenn wir neue Antwort von API bekommen, so dass ich meine Daten aktualisieren konnte. Vielen Dank!

Answer 1

Sie können Stateful-Komponente verwenden und den Status auf die von der API empfangenen Daten festlegen. Da reacJS Virtual DOM verwendet, um die am Status vorgenommenen Änderungen zu überprüfen, wird es automatisch aktualisiert, wenn Änderungen an den von Ihrer API-Anfrage empfangenen Daten vorgenommen werden.

Sie können etwas ähnliches wie dies versuchen:

class App extends Component { 
    constructor(props){ 
    super(props); 
    this.state= { 
     flats : [] 
    }; 
    } 

    componentDidMount(){ 
    const url="example.com/api.json"; 
    fetch(url) 
    .then(response => response.json()) 
    .then(data => { 
     this.setState({ 
     flats: data 
     }); 
    }) 
    }