反応コンポーネントの誤動作でノード・フェッチを使用してデータをポストする

Question

ノード・フェッチを使用してExpressサーバーにjsonデータをポストしようとしています。私はgit bashでそれをテストしたので、サーバのpost関数が動作することを知っています。私はまた、反応コンポーネントでこれをやっています。

addBug(bug) { 
    let bugsModified = this.state.bugs.slice() 
    bug.id = this.state.bugs.length + 1 
    bugsModified.push(bug) 

    fetch('http://localhost:3000/api/bugs', {method: 'POST', body: bugsModified}) 
     .then(res => res.status === 200 && this.setState({bugs: bugsModified})) 
    } 

{ボディ：：bugsModified}は、サーバーは何も送信していないようだ

は、ここでは、コードをフェッチです。ここでは、サーバからのコードがあります：誰も私にはノードフェッチを使用して、実際のデータをポストする方法を見つけ出すことができた場合

app.use(bodyParser.json()) 

app.post('/api/bugs', (req, res) => { 
    const bug = req.body 
    bugs.push(bug) 
    res.json(bug) 
}) 

app.listen(3000,() => console.log('connected...')) 

、それをいただければ幸いです。

Answer 1

FYI私はあなたのコンテンツヘッダーが装着されていることを確認します：

headers: { 
    'Content-Type': 'application/x-www-form-urlencoded', 
    'Content-Length': new Buffer(body).length 
}