如何在useEffect中将一个查询的结果发送到另一个查询

Question

我刚刚开始使用React。我遇到了这样一个问题：在useEffect中，我如何使它在执行第一个请求后，从中获取接收到的数据，并将其发送给第二个请求(跟随它(？提前谢谢。

const FullSizeWorkSchedule = () => {
const [events, setEvents] = useState([])
const [user, setUser] = useState([])
const [EventsListActive, setEventsListActive] = useState(true)
useEffect(() => {
const fetch2 = fetch('/profile')
.then(res => res.json())
.then(user => {setUser(user)});
// Send example user state
const fetch1 = fetch('/events')
.then(res => res.json())
.then(events => {setEvents(events)});

},[])

Answer 1

我个人会使用Axios，但这里有一个尝试来实现您想要的：

useEffect(() => {
async function fetchData() {
const res1 = await fetch("/events");
const events = res1.json();
setEvents(events);
const res2 = await fetch("/user", { body: events });
const userData = res2.json();
setUser(userData);
}
fetchData();
}, []);