javascript - How to do request on page load, react hooks - Stack Overflow

admin管理员组

文章数量:1201640

I need to do a request when the page loaded (only once). I tried to do something like

if(!array.length){doRequest())

But with this method, react does more than 1 request, and I think that it will reduce my app speed. So I need the solution of this problem. Thanks

I need to do a request when the page loaded (only once). I tried to do something like

if(!array.length){doRequest())

But with this method, react does more than 1 request, and I think that it will reduce my app speed. So I need the solution of this problem. Thanks

• javascript
• reactjs
• react-hooks

Share Improve this question Follow asked Jan 25, 2020 at 23:04 Alex KhanasAlex Khanas 34511 gold badge66 silver badges1515 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 14

When working with Class Components, the solution would be to make that request in the componentDidMount lifecycle, which is only called once.

class Example extends React.Component {
  componentDidMount() {
    doRequest();
  }
  render() {
    return null;
  }
}

If you're trying to use Hooks in a functional component instead of Class components then you should use:

function Example() {
  useEffect(() => doRequest(), []);
  return null;
}

Hoping of course, that doRequest is declared in an upper scope or imported somehow.

Hope this solves your question, if you need more insight into this I found a great article about replacing lifecycle with hooks.

https://dev.to/trentyang/replace-lifecycle-with-hooks-in-react-3d4n

just use useEffect Hook

  import React, {useEffect} from 'react'

     const func = () => {

         useEffect(()=> {
         doRequest()

         },[]) // empty array means it only run once


      }

本文标签： javascriptHow to do request on page loadreact hooksStack Overflow