ajax - 如何使用功能组件进行 api 调用？

Question

我正在使用以下组件：

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

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

Answer 1

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

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