如何使用功能组件进行 api 调用？ [复制]答案

【问题标题】：How do I make a api call with functional components? [duplicate]如何使用功能组件进行 api 调用？ [复制]
【发布时间】：2020-03-23 06:23:48
【问题描述】：

我正在使用以下组件：

export const Home =() =>
        <div className="cardBox" style={styleBox}>
            <CardTrail></CardTrail>
            <CardTrail></CardTrail>
            <CardTrail></CardTrail>
            <Footer></Footer>
          </div>

我正在尝试使用 AJAX 发出获取 API 请求。找不到合适的方法来使用功能组件。我通过 componentDidMount() 生命周期方法使用类组件实现了它。

【问题讨论】：

标签： ajax reactjs react-functional-component

【解决方案1】：

如果使用 React 16.8 或更高版本，功能组件中的等效项是使用具有空依赖列表的效果：

React.useEffect(() => {
  // ajax call here
}, [])

【讨论】：

为什么投反对票？