javascript - ReactJS收到回调后不断调用函数

Question

我有一个像这样的 react 组件:

class BodyContent extends Component {

    componentDidMount() {
       const { actions } = this.props

        var timerID = setInterval(function() {
            actions.upload_image()
        }, 5000)


    }

我的 upload_image 函数包含对 api 的 post 请求。收到响应后，我希望它再次调用该函数。

我想仅在我的 upload_image 成功完成后才连续调用该函数。

我怎么能做到这一点？

Answer 1

我认为你的 upload_image 函数可以返回一个 Promise。

如果 promise 完成，您可以再次调用 upload_image 函数

class BodyContent extends Component {

  componentDidMount() {
   const { actions } = this.props

   function call_upload_image_continiously() {
       actions.upload_image().then(call_upload_image_continiously);
   }

   call_upload_image_continiously();
}