Design comparison
Solution retrospective
I had trouble transferring the selected rating over to my Rating component (the thank you page) while using react routes. I changed my approach by displaying the Rating component when the button had been pressed and passing the useState value of the currently selected button over to the component, there for able to display the correct value.
Is this a valid solution or should I have continued using react routes and figured out a way to transfer the correct "data"?
Community feedback
- @visualdennissPosted over 1 year ago
Hey there,
no, you don't need a react-router for this, a simple conditional rendering is fine, in a bigger app, you might want to redirect the user to home-page or somewhere, but that's another story. As for the state, you just need to decide where the state should live. In this one, there are two main components; thank you component and rating component. Their parents need to know if a rating is selected and with what value and if submitted, so it can decide to render thank you instead of rating component. With this approach, it is easy to decide: it basically means state should live in the closest parent of components that depend on some state.
Here is a great article about this: https://beta.reactjs.org/learn/thinking-in-react
Hope you find this feedback helpful!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord