Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
menu search
person
Welcome To Ask or Share your Answers For Others

Categories

Is a good practice to fetch data in javascript class constructor()?

E.g. In react class constructor(), every tutorial which I find fetch data in componendDidMount(), but no one explein why We can't do it in constructor().

Question concerns javascript classes at all, not only react.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
402 views
Welcome To Ask or Share your Answers For Others

1 Answer

Constructor is called before the component is mounted (as stated here in #constructor doc: https://reactjs.org/docs/react-component.html).

To answer your question, the explanation lies in the lifecycle of a react component and the need to redraw when the state changes. By doing async calls in constructor, you may trigger setState before your component is mounted.

Doing async calls in constructor will mess with the re-render and your component will sometimes not re-render if you call setState in the constructor.

From doc:

You should not call setState() in the constructor(). Instead, if your component needs to use local state, assign the initial state to this.state directly in the constructor:

Avoid introducing any side-effects or subscriptions in the constructor. For those use cases, use componentDidMount() instead.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
...