React: Is there any way to use componentDidMount() when rendering via node server

Question

So I'm quite new to react and node, and found it easiest for me to use node (express) server and then just linking to react using CDN. Until now everything has worked fine this way, but I would like to use something like componentDidMount() for rendering a list of books. Googled a little and found out that componentDidMount() is not fired when rendering via the server. So I was wondering if there is an alternative way, that can do the same thing. Tried with componentWillMount() as well, but no change.

Thanks for any advice

What's your case? If it's an operation that you cannot use a constructor for, it's likely unsuitable for SSR. — Estus Flask
– Estus Flask, Commented Nov 22, 2018 at 8:11
was thinking to fetch data, and then displaying it on page render — ANicholasson
– ANicholasson, Commented Nov 22, 2018 at 8:25
The plan was to render on client side, i have a method in React class that sends a fetch(), method: Get request to the server that executes a query to the database and sends the response back to the client — ANicholasson
– ANicholasson, Commented Nov 22, 2018 at 8:39
Currently SSR is synchronous. A request likely shouldn't be coupled with a component then. Fetch it separately, pass hydration data to client side. Things are expected to change in 17. — Estus Flask
– Estus Flask, Commented Nov 22, 2018 at 8:47

Pranesh Ravi · Accepted Answer · 2018-11-22 08:16:07Z

2

It is not possible. In an isomorphic react app, componentDidMount will only be called after the hydration is done in the client.

So, if you want to render something based on props or state, you can use the class constructor or the legacy componentWillMount as these methods will be called during render done in node.

Hope this helps!

answered Nov 22, 2018 at 8:16

Pranesh Ravi

19.2k10 gold badges51 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ggnoredo Over a year ago

i'm getting some values from another api on componentDidMount method but i want to get values on server side and send to the client. So how do i use constructor class to achieve this?

Collectives™ on Stack Overflow

React: Is there any way to use componentDidMount() when rendering via node server

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related