Reactjs 如何在基于react函数的视图中进行api调用 从“React”导入React componentDidMount（）{ 取回(`https://jsonplaceholder.com/users/`) .然后（res=>res.hson（）） 。然后（res=>{ .console.log（res） }) } 常量应用=（）=>{ 返回( 你好 ) } 导出默认应用程序；

如何在基于react函数的视图中进行api调用

这里的意思是没有找到componentDidMount

---

是否有任何方法可以使用基于函数的视图进行api调用

---

请看一下

componentDidMount应该在类组件内

import React from 'react'

componentDidMount(){
    fetch(`https://jsonplaceholder.com/users/`)
    .then(res => res.hson())
    .then(res => {
        .console.log(res)
    })
}

const App  = () => {
    return (
        <h1>Hello</h1>
    )
}

export default App; 

import React，{Component}来自“React”
类应用程序扩展组件{
componentDidMount（）{
取回(`https://jsonplaceholder.com/users/`)
.然后（res=>res.hson（））
。然后（res=>{
.console.log（res）
})
render（）{
返回(
你好
)
}
}
导出默认应用程序；

React 16.8有挂钩

import React，{useState，useffect}来自“React”；
常量应用=（）=>{
const[data，setData]=useState（“”）；
useffect（（）=>{
取回(`https://jsonplaceholder.com/users/`)
.然后（res=>res.hson（））
。然后（res=>{
setData（res）；
})
});
返回(
你好
)
}

有没有办法在没有类的情况下进行api调用？React 16.8以后的版本->useEffects（）；这将做同样的事情，但在像您这样的功能组件中。谢谢anil。在useEffects中，我可以将api存储在状态中吗？我可以将api存储在哪里？是的，您可以将状态存储在useState（）中胡克。谢谢。我能把这些照片放在哪里？你能编辑一下吗？@soubhagyapradhan更新了答案

import React, {Component} from 'react'


class App extends Component  {

    componentDidMount(){
    fetch(`https://jsonplaceholder.com/users/`)
    .then(res => res.hson())
    .then(res => {
        .console.log(res)
    })


    render() {
    return (
        <h1>Hello</h1>
    )
}

}

export default App; 

import React, { useState, useEffect} from 'react';
const App  = () => {
    const [data, setData] = useState('');
    useEffect(() => {
      fetch(`https://jsonplaceholder.com/users/`)
      .then(res => res.hson())
      .then(res => {
       setData(res);
      })
    });
    return (
        <h1>Hello</h1>
    )
}