Возможное необработанное отклонение обещания, ошибка сети при использовании axios - PullRequest
Новая
       10

Возможное необработанное отклонение обещания, ошибка сети при использовании axios

0 голосов
/ 25 сентября 2018

Я пытаюсь отправить данные JSON с использованиемact-native, axios и Expo, но когда я нажимаю «Отправить» в моем приложении, я получаю это предупреждение:

Возможное необработанное отклонение обещания,Ошибка: ошибка сети

Мой API правильно получает уведомление (JSON), когда я пытаюсь отправить его через POSTman, но когда я пытаюсь отправить его с помощью axios, я получаю указанное выше предупреждение, поэтомувозможно, реакция не отправляет данные правильно. 

export default class NotificationsInput extends React.Component {

state = {
    token: '',
    title: '',
    body: ''
}

handleToken = event => {
    this.setState({ token: event.target.value })
}

handleTitle = event => {
    this.setState({ title: event.target.value })
}

handleBody = event => {
    this.setState({ body: event.target.value })
}

handleSubmit = event => {
    event.preventDefault();

    let notification = JSON.stringify({
        token: this.state.token,
        title: this.state.title,
        body: this.state.body
    })

    let headers = {
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        }

    }
    axios.post(`http://127.0.0.1:8000/send_push_message/`, notification, headers)
        .then(res => {
            console.log(res);
            console.log(res.data)
        })
        .then(error => console.log(error));

}

render() {
    return (
        <View>
            <TextInput onChange={this.handleToken}
                style={{ height: 25, width: 200, borderColor: 'black', borderWidth: 1 }}
            />
            <TextInput onChange={this.handleTitle}
                style={{ height: 40, width: 200, borderColor: 'black', borderWidth: 1 }}
            />
            <TextInput onChange={this.handleBody}
                style={{ height: 40, width: 200, borderColor: 'black', borderWidth: 1 }}
            />
            <Button onPress={this.handleSubmit} title="Send">Send</Button>
        </View>
    )
}

}

Редактировать :

Я добавил функцию catch (), но ошибкасейчас только Network Error в консоли.

handleSubmit = event => {
    event.preventDefault();

    let notification = JSON.stringify({
        token: this.state.token,
        title: this.state.title,
        body: this.state.body
    })

    let headers = {
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        }

    }
    axios.post(`http://127.0.0.1:8000/send_push_message/`, notification, headers)
    .then(res => {
        console.log(res);
        console.log(res.data)
    })
    .catch(error => console.log(error));

}

Ответы [ 2 ]

0 голосов
/ 25 сентября 2018

Я вижу, что вы приковали цепью два, тогда это не правильно.Вам нужен блок catch для отлова сетевых ошибок.Посмотрите ниже 

  axios.post(`http://127.0.0.1:8000/send_push_message/`, notification, headers)
    .then(res => {
        console.log(res);
        console.log(res.data)
    })
    .catch(error => console.log(error));
0 голосов
/ 25 сентября 2018

Используйте catch вместо затем для обработки ошибок. 

.catch(error => console.log(error));
...