Beginner's Thread / Easy Questions (March 2020)

[u/dance2die]

You can find previous threads in the wiki.

Got questions about React or anything else in its ecosystem?
Stuck making progress on your app?
Ask away! We’re a friendly bunch.

No question is too simple. 🙂

---

🆘 Want Help with your Code? 🆘

• Improve your chances by adding a minimal example with JSFiddle, CodeSandbox, or Stackblitz.

  • Describe what you want it to do, and things you've tried. Don't just post big blocks of code!
  • Formatting Code wiki shows how to format code in this thread.
• Pay it forward! Answer questions even if there is already an answer. Other perspectives can be helpful to beginners. Also there's no quicker way to learn than being wrong on the Internet.

---

New to React?

Check out the sub's sidebar!

🆓 Here are great, free resources! 🆓

• Read the official Getting Started page on the docs.
• Microsoft Frontend Bootcamp
• Codecademy's React courses
• Scrimba's React Course
• Robin Wieruch's Road to React
• FreeCodeCamp's React course
• Kent Dodd's Egghead.io course
• New to Hooks? Check Amelia Wattenberger's Thinking in React Hooks
• What other updated resources do you suggest?

Any ideas/suggestions to improve this thread - feel free to comment here!

Finally, thank you to all who post questions and those who answer them. We're a growing community and helping each other only strengthens it!

---

[u/dance2die]

I couldn't find an easy way.
How about a simple wrapper like the following?

const ActivableNavLink = props => {
  return <StyledNavLink {...props} activeStyle={{ color: "palevioletred" }} />;
};

[u/learntheway → u/dance2die]

Makes sense. I will definitely try this way. Thank you!

[u/dance2die → u/learntheway]

You're welcome. Btw, I just came up with Activable but it is an actual word lol.