title: I don`t understand how to render objects(react)
body: <p>I am getting a object from "api" and set it to match but when i try do loop through or render it i get a error.</p>
  
  <p>I have tryed Objct.keys maybe my syntax is wrong im not sure im still learning thx for any help.</p>
  
  <pre><code>const [match, setMatch] = useState();
  const [search, setSearch] = useState('');
  const [query, setQuery] = useState(4749875544)
  
  useEffect(() =&gt; {
      getData();
  }, [query]);
  const getData = async () =&gt; {
      const response = await 
  fetch(`https://api.opendota.com/api/matches/${query}`)
      const result = await response.json();
      setMatch(result);
  }   
  }
  return (
      &lt;div className="App" &gt;
          &lt;form onSubmit={getSearch}
              className="search-form"&gt;
              &lt;input className="search-bar"
                  type="text"
                  value={search}
                  onChange={searchInput}
              /&gt;
              &lt;Button as="input"
                  type="submit"
                  value="Submit" /&gt;
          &lt;/form&gt;
          &lt;li&gt;
          {
        Object.keys(match).map((oneKey,i)=&gt;{
          return (
              &lt;li key={i}&gt;{match[oneKey]}&lt;/li&gt;
            )})
          }
          &lt;/li&gt;
      &lt;/div&gt;
  )}
  </code></pre>