title: Change fetch to async syntax
body: <p>How can I change the following code to async syntax?</p>
  
  <pre><code>componentWillMount(){
   fetch('http://localhost:9000/api/homes')
            .then( response =&gt; {
                if(response.ok) {
                    return response.json();
                }
                throw new Error('Network response was not ok.');    
            })
            .then( data =&gt; {
                this.setState({
                    originalList:data,
                    displayedList: data
                });
            }
          )
            .catch( error =&gt; {
                console.error(`fetch operation failed: ${error.message}`);
            });
  }
  </code></pre>
  
  <p>I have tried to do it like this:</p>
  
  <pre><code>componentWillMount(){
    const res = await fetch('http://localhost:9000/api/homes');
    const json = await res.json;
                this.setState({
                    originalList:json,
                    displayedList: json
                });
  }
  </code></pre>
  
  <p>and I get the following error: Syntax error: C:/Users/EYAL/web/fe/react/airbnb/src/Homes/index.js: await is a reserved word (17:14)</p>