REACT rating component

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Amichno! Great work!

  You can do it with ternary operator. Here is my implementation.

  	return (
  		<Back>
              <Wrapper>
  			{ voted !== 'voted' ? (
  			<>
  			<Logo/>
  			<Card inv ={invitation}/>
  			<Score scores={scores} onClick={onClickRate} rate={rate}/>
  			<ButtonSubmit voted={voted} onClick={onClickVote}/>
  			</Wrapper>
                                 :
  			<Succes rate ={rate}/> )}
  			</Wrapper>
  		</Back>
  		)
  

  When using ternary operator, your code can be a mess (coming from experience😥). So, I recommend you to setup prettier. https://prettier.io/

  I hope it helps! Cheers!

  Marked as helpful

  0

  ---

  

  amichno•220

  @amichnoPosted over 2 years ago

  @fazzaamiarso

  Thank you Fazza Razaq Amiarso, now it looks much better.

  0