Fe-interview: [react] 怎样使用Hooks获取服务端数据？

Created on 16 Jul 2019 · 5Comments · Source: haizlin/fe-interview

[react] 怎样使用Hooks获取服务端数据？

react

Source

haizhilin2013

Most helpful comment

useEffect(() => {
api.get()
})

jiangbo2015 on 2 Nov 2019

👍3

All 5 comments

可以在componentDidUpdate 中获取服务端数据

wesweet on 29 Oct 2019

👍1

useEffect(() => {
api.get()
})

jiangbo2015 on 2 Nov 2019

👍3

import React, { useState, useEffect } from 'react';
import axios from 'axios';
function App() {
  const [data, setData] = useState({ hits: [] });
  useEffect(async () => {
    const result = await axios(
      'https://api/url/to/data',
    );
    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;