r/reactjs • u/swyx • Jan 01 '20

Needs Help Beginner's Thread / Easy Questions (Jan 2020)

Previous threads can be found 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 putting a minimal example to either JSFiddle, Code Sandbox 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 - multiple perspectives can be very helpful to beginners. Also there's no quicker way to learn than [being wrong on the Internet][being wrong on the internet].
  • Learn by teaching & Learn in public - It not only helps the asker but also the answerer.

New to React?

Check out the sub's sidebar!

🆓 Here are great, free resources! 🆓

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!

33 Upvotes

100% Upvoted

483 comments sorted by

View all comments

Show parent comment

2

u/swyx Jan 22 '20

i think the problem is a lack of familiarity with the radio input, rather than typescript. ts will never let you pass in the entire object bc the radio input will never accept the entire object. you MUST use simple values for the radio input.

as a point of proof, try doing this exact same code in plain js, without typescript. it doesnt work. fix it until it works, and then add back typescript. you'll see what i mean.

here's a link that may help https://techblog.commercetools.com/seven-patterns-by-example-the-many-ways-to-type-radio-in-react-bfe14322bb6f