react同步请求_react怎样请求数据

react请求数据的方法：

方式1：内联

这是最简单，最直接的选择。在 React 组件中进行 HTTP 调用并处理响应。

fetch("/users").then(response => response.json());

看起来很简单。但是这个示例忽略了加载状态，错误处理，声明和设置相关状态等。在现实世界中， HTTP 调用看起来更像这样。

import React, { useState, useEffect } from "react";

export default function InlineDemo() {

const [users, setUsers] = useState([]);

const [loading, setLoading] = useState(true);

const [error, setError] = useState(null);

useEffect(() => {

fetch(`${process.env.REACT_APP_API_BASE_URL}users`)

.then(response => {

if (response.ok) return response.json();

throw response;

})

.then(json => {

setUsers(json);

})

.catch(err => { </