Опубликовать данные по клику в React - PullRequest
Новая
       10

Опубликовать данные по клику в React

0 голосов
/ 25 апреля 2020

Я пытаюсь опубликовать данные из React на своих маршрутизаторах, когда я нажимаю на ссылку, а затем получить данные и сохранить их на моем MongoDB.

Но когда я нажимаю на ссылку, они успешно запускает мой function, но затем выдает ошибку.

Это то, что я пробовал: кто-нибудь знает, что не так?

Реагирует: 

import React, { Component } from 'react';
import axios from "axios";
export default class AddYourAccomodation extends Component {

house = event => {
        event.preventDefault();
        const house = 'house'
        axios
            .post('/authentication/house', {
                accomcate: house,
            })
            .then(console.log("Posted succesfully"))
            .catch(error => console.log(error))
    }
render() {
        return(
            <div>
            <div class="card-group ">
                <div class="card text-white bg-primary mb-3" id="max-width"> 
                <a href="" onClick={this.house}>
                <div class="card-header text-white"><span className="glyphicon glyphicon-home"></span>  Home</div>
                <div class="card-body">
                    <p class="card-text text-white">Places like Villa, Castle, Chalet etc.</p>
                </div>
                </a>
                </div>
                </div>
                </div>    
       )
    }
}

1 Ответ

0 голосов
/ 25 апреля 2020

Проблема заключалась в том, что в моем маршрутизаторе был получен неправильный URL.

Ошибка: 

app.post('house', (req, res) => {

})

Исправлено: 

app.post('/house', (req, res) => {

})
...