Responsive ecommerce product page using ReactJS

Community feedback

• 

  ibtihel ben salah•360

  @ibtihelbsPosted almost 2 years ago

  in ImageModal file you should replace const [index, setIndex] = useState(0);

  to const [index, setIndex] = useState(props.modalImg);

  0
• 

  Mathias•220

  @MathitarazonadPosted almost 2 years ago

  First of all, congrats to have completed this challenge, your solution looks amazing! Talking about your problem, I think that you could have like a global state or a state that you could pass to all childrens where you will have the selected product img selected like a number and pass that like props to the other components. So you can have functions that manage that and pass as props to the childrens to use that functions, and if you change the state it should render with the changes to all components, I would do that If I have that problem, wish this can help you!

  0

  ---

  

  Edmunds•170

  @FanstersPosted almost 2 years ago

  @Mathitarazonad Hey, thanks for your feedback. I didn't mention in my question that i basically tried what you said while building the project. But that didn't exactly give me the results that i need. I left the updated version now with the global state so you can check it out. The problem now is that the bigImg and small thumbnail img''s change as well in the background, which i don't want(or atleast not to show that).

  Also, this weekend ill take a look at ibtihel ben salah solution.

  0