Post React 中的 onClick 数据

Question

当我点击 link 时，我正在尝试 post 从 React 到我的路由器的数据，然后获取数据并将它们保存到我的 MongoDB.

但是当我点击 link 它成功地触发了我的 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>    
       )
    }
}

Answer 1

问题是我的路由器出错了 URL。

错误：

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

})

固定：

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

})

Post React 中的 onClick 数据

Post data onClick in React

mongoose

node.js

reactjs

mern