Responsive landing page using ReactJS and Styled-Components

Community feedback

• 

  Ben Andrew Merritt•345

  @b-a-merrittPosted almost 3 years ago

  Hey!

  The filter feature is a little tricky. The reason why yours is having issues is because it's not rendering the results after selection. You need a useEffect() hook that induces a re-render with your query state in the dependency array.

  Also, I think it would be better if you saved the country data into a variable, then filtered the results into another variable that you then passed to your Components, instead of fetching the data with each new query.

  Anyway, good job and happy coding!

  Marked as helpful

  0
• 

  Amon•2,560

  @A-amonPosted almost 3 years ago

  Hello! I might be wrong but in React, you cannot get the latest, updated state right after setting the state. Refer here You have to either use useEffect (and set the trigger to be the 'region' state) or use the 'e.target.value' directly.

  Marked as helpful

  0