Frontend Mentor - Interactive rating component solution

Community feedback

• 

  Raj Prasad Sanjel•980

  @RajSanjelPosted over 2 years ago

  There is a bug in your website. When user click on 1 and then submit it doesn't submit.

  0

  ---

  

  Uygnis•30

  @UygnisPosted over 2 years ago

  @RajSanjel Hi, thanks for noticing my mistake. I tried using if (active){} on submit button and for some reason, the first button didn't work. I've changed it to if(active !=='') and it works now. If you don't mind, do you perhaps know the reason why?

  0

  

  Raj Prasad Sanjel•980

  @RajSanjelPosted over 2 years ago

  @Uygnis could you send full code? I kinda don't get what you mean to say. 😅😅

  0

  

  Uygnis•30

  @UygnisPosted over 2 years ago

  @RajSanjel Sure! const [submit, setSubmission] = useState(false); // before: <button type='button' className='btn btn-submit' onClick={() => { if(!active){ setSubmission(true); } }}>SUBMIT</button> // after: <button type='button' className='btn btn-submit' onClick={() => { if(active !==''){ setSubmission(true); } }}>SUBMIT</button>

  0

  

  Raj Prasad Sanjel•980

  @RajSanjelPosted over 2 years ago

  @Uygnis using !active means if it was true then it changes to false and if it was false it becomes true(generally it makes the given value opposite) and !== means not equal value or not equal type means its gonna check if the active is equal to the value provided or not. If you want to learn more about logical operator and comparision click here You can also check this out

  Marked as helpful

  1