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

Community feedback

• 

  Curtis Simpson•550

  @crsimpson5

  Posted about 3 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 😀

  11