我們需要一個免費的照片來源，Unsplash 這個圖庫網站有提供，只要去 Unslpash 註冊一個帳號，然後到他們的開發者頁面，選擇 new application, 在敍述欄位打上一些說明按 save，就能得到一組 application id。

我們來用這個API取得 Unsplash 的照片資料，以Promise的方式，先在 console 看看能不能取得回傳的值。

import React from 'react';
import { render } from 'react-dom';
const fetchUrl = 'https://api.unsplash.com/photos/';
// 你的application id
const id = 'xxx'；
const query = fetchUrl+'?client_id='+id;
const promise = fetch(query);

class App extends React.Component {
  render() {
    return <p>Hello World</p>;
  }
}

promise
  .then(response => response.json())
  .then(data => {
    console.log(data);
    render(
      <App />,
      document.getElementById('root')
    );
  });