reactjsを使用してサーバーからデータを受信

Question

私はreactjsに新しく、サーバーからデータを受信して​​いますが、状態を更新できません。私は私がJSONデータとしてサーバからの入力を取得しています。.then（応答=> {this.setState（{REPONSE}）からエラーを受け取る。

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

をあなたは、いくつかの誤植を持っている。

1。

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

どこpostは私が

2推測response.postようなものになるでしょうか？である。

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

postまたはposts？

3。

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

this.responseとは何ですか？あなたは決してそれを宣言しません。

これらのタイプミスを修正してください。動作するはずです。