프로젝트 구조는 다음과 같다.

/users
  /css
      bootstrap.css
  /js
      react.js
      react-dom.js
      script.js
      - users.js
  /jsx
      script.jsx
      users.jsx
  index.html
  real-user-data.json

 

componentDidMount()에서 DOM 요소에 접근할 수 있고, 새로운 fetch() API를 이용해서 XHR/AJAX 요청을 보내 데이터를 가져올 수 있다.

fetch(this.props['data-url'])
  .then((response)=>response.json())
  .then((users)=>this.setState({users: users}))