Empfangen von Daten vom Server mit reactjs

Question

Ich bin neu zu reactjs, ich erhalte die Daten vom Server, aber nicht in der Lage, den Zustand zu aktualisieren. Ich erhalte die Fehlermeldung von .then (response => {this.setState ({reponse}). Ich erhalte eine Eingabe von Server als JSON-Daten.

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import axios from 'axios'; 

class App extends React.Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     posts:"hello" 
    }; 
    } 
componentWillMount() { 
    axios.get(`http://192.168.1.9:8082`) 
     .then(response => {this.setState({ posts}); 

     }); 
    } 


    render() { 
    return (
     <div> 
     <h1>{this.state.posts}</h1> 


     </div> 
    ); 
    } 
} 


export default App; 

Answer 1

Sie haben mehrere Fehler.

1.

.then(response => {this.setState({ post }) 

Wo ist dein post? Sollte so etwas wie response.post denke, ich

2.

this.state = { 
    posts:"hello" 
}; 
... 
this.setState({ post }) 

post oder posts?

3.

<h1> {this.response}</h1> 

Was ist this.response? Du erklärst es nie.

Fix diese Tippfehler, es sollte funktionieren.