2017-01-13 4 views
0

Я новичок в реакции, я получаю данные с сервера, но не могу обновить состояние. Появляется ошибка от .then (ответ => {this.setState ({réponse}). Я получаю информацию от сервера в виде данных в формате JSON.Получение данных с сервера с помощью responsejs

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; 
+0

Какая ошибка? Поделитесь этим также – Swapnil

+0

Держу пари, потому что нет 'post'. Может быть, вы должны сделать что-то вроде 'this.setState ({posts: response.data})'? – Ziumin

+0

Вы уверены, что в ответе есть свойство posts, а не response.data.posts, как было предложено? – Pineda

ответ

1

У вас есть несколько опечаток.

1.

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

Где ваш post? Должно быть что-то вроде response.post я думаю

2.

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

post, или posts?

3.

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

Что такое this.response? Вы никогда не заявляете об этом.

Исправить эти опечатки, он должен работать.

+0

oh ouch sorry its this.setState ({posts}) –

+0

Я получаю данные с сервера, но я не могу его отобразить. Я думаю, что я сделал ошибку в этой части ».then (response => {this.setState ({posts});" –

+0

Как и я сказал (первый), сообщений вообще не существует. Должно быть что-то вроде 'response.data.posts' или' response.posts' – CodinCat

Смежные вопросы