reactjs - ReactJSコードからレストポストコールを行うには?

Question

私は ReactJS と UI が初めてで、ReactJS コードからシンプルな REST ベースの POST 呼び出しを行う方法を知りたいと思っていました。

存在する例があれば、それは本当に役に立ちます。

Answer 1

React docsから直接：

fetch('https://mywebsite.com/endpoint/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  })
})

(これは JSON を投稿していますが、たとえば multipart-form を投稿することもできます。)

Answer 2

これは、機能とサポートに基づく ajax ライブラリの比較のリストです。私は、クライアント側の開発のみに fetch を使用するか、クライアント側とサーバー側の両方の開発で使用するためにisomorphic-fetchを使用することを好みます。

isomorphic-fetch と fetch の詳細について

Answer 3

以下に例を示します: https://jsfiddle.net/69z2wepo/9888/

$.ajax({
    type: 'POST',
    url: '/some/url',
    data: data
  })
  .done(function(result) {
    this.clearForm();
    this.setState({result:result});   
  }.bind(this)
  .fail(function(jqXhr) {
    console.log('failed to register');
  });

メソッドを使用jquery.ajaxしましたが、axios、superagent、fetch などの AJAX ベースのライブラリに簡単に置き換えることができます。