Help Please. Random Qoute Machine

Hi friends.
I’m having challenges passing my random color as props to QouteAndAuthor component.
I have a component QouteAndAuthor for qoute and author UI.
I’m generating random color in App.js
Passing this color to QouteAndAuthor.js component not working
Kindly check and your suggestion on how to fix this.
Github link: GitHub - Profsain/React-Random-Qoute-Machine: React random qoute machine Free Code Camp Frontend Development Project
My apology my code is really messy :grinning_face_with_smiling_eyes: Newbe things.
Thanks. :+1:

If I log out props from QuoteAndAuthorComponent, I see this:

  "quotes": {
    "quote": "The mind is everything. What you think you become.",
    "author": "Buddha",
    "accentColor": "#66664D"
  "accentColor": {
    "quote": "The mind is everything. What you think you become.",
    "author": "Buddha",
    "accentColor": "#66664D"
  "style": {}

Do you see the issue? And check here, in App.js:

          style={{"color": this.accentColor}}

You are saving all of state into two different variables, so in the subcomponent, you don’t get the props shape that you want.

Thank you very much. I removed the double passing of state and it works.
I appreciate you. :+1: :+1: :+1: :+1: :+1: :smiling_face_with_three_hearts:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.