使用reactjs从服务器接收数据

时间:2017-01-13 08:13:32

标签: reactjs

我是reactjs的新手,我从服务器接收数据但无法更新状态。我从.then收到错误(response => {this.setState({reponse})。我从服务器获取json数据的输入。

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;

1 个答案:

答案 0 :(得分:1)

你有几个错别字。

1。

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

post在哪里?应该像response.post我猜

2。

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

postposts

3。

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

什么是this.response?你永远不会宣布它。

修复这些拼写错误,它应该有用。