/Javascript/React/How to sent react from data in mongodb

How to sent react from data in mongodb

handleSubmit(){
    let databody = {
        "name": this.state.nameIn,
        "quote": this.state.quoteIn
    }

    return fetch('http://localhost:5002/stored', {
        method: 'POST',
        body: JSON.stringify(databody),
        headers: {
            'Content-Type': 'application/json'
        },
    })
    .then(res => res.json())
    .then(data => console.log(data)); 
}


render(){
    return (
        <div>
            <form onSubmit={this.handleSubmit}>
                <label>
                    Name
                    <input type="text" name="name" value={this.nameIn} onChange={this.handleNameChange}/>
                </label>
                <label>
                    quote
                    <input type="text" name="quote" value={this.quoteIn} onChange={this.handleQuoteChange}/>
                </label>
                <input type="submit" value="Add to DB" />
            </form> 
        </div>
    );
}

Source: stackoverflow.com

How to sent react from data in mongodb

app.post('/stored', (req, res) => {
    console.log(req.body);
    db.collection('quotes').insertOne(req.body, (err, data) => {
        if(err) return console.log(err);
        res.send(('saved to db: ' + data));
    })
});

Source: stackoverflow.com

Similar codes

2 votes174 views1 answer
View background image in react native
Javascript React
1 vote209 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
16 votes199 views6 answers
React useState hook
Javascript React
0 vote183 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
0 vote190 views1 answer
Image background full width react
Javascript React
1 vote194 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
-1 vote179 views1 answer
How to use error in react hook form
Javascript React
0 vote191 views1 answer
Label tag alternative in react native
Javascript React
1 vote173 views1 answer
React native run release
Javascript React
4 votes286 views3 answers
Width 100% react-native
Javascript React