Tip Calculator App using REACT, with reusable components/ and SASS

Community feedback

• 

  Curtis Simpson•550

  @crsimpson5Posted over 2 years ago

  Hey DanielK, nice job on your project! Your code is very well organized and planned out.

  A solution to your first issue would be making the radio buttons into controlled inputs in React. That way, you can render the buttons conditionally.

  For example, in your App.js save the value for a custom tip:

  const [customTip, setCustomTip] = useState(null);
  

  And in Button.jsx:

  <input
    ...
    onChange={handleChange}
    checked={!customTip && tip === value}
  />
  

  It's not exactly a quick and simple solution, but hopefully that helps.

  For your second issue, it appears to be working as intended. With a custom input of 0, the tip amount is 0, and it still shows the total per person.

  Great job on your first React project 😀

  1

  ---

  

  DanielK•440

  @DanK1368Posted over 2 years ago

  @crsimpson5 Thanks for your feedback, will try out your solution and update my code.

  Yea, I found the bug of the second issue actually. :)

  1