逻辑代码,如下:
import React, { useState, useEffect } from 'react'; import axios from 'axios'; function App() { const [data, setData] = useState({ hits: [] }); useEffect(() => { axios('https://hn.algolia.com/api/v1/search?query=redux') .then(result => { setData(result.data); }) },[]); return ( <ul> {data.hits.map(item => ( <li key={item.objectID}> <a href={item.url}>{item.title}</a> </li> ))} </ul> ); } export default App;
.