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

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 怎样使用Hooks获取服务端数据?相关的知识,希望对你有一定的参考价值。

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

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;

 个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题

以上是关于[react] 怎样使用Hooks获取服务端数据?的主要内容,如果未能解决你的问题,请参考以下文章

使用 React Hooks 多次获取数据 axios

React-firestore-hooks 从云 Firestore 中获取数据库记录

使用 React Hooks useEffect 发送 ajax 请求获取数据全攻略

使用 React Hooks 在不同页面中获取请求

如何在 React hooks 和 redux 中只获取一次且不再获取数据

React Custom Hooks 全局获取数据并跨组件共享?