ExtraPay.jsx
파일에 button
2개 생성disabled
props
로 전달받은 timeResult
값이 15 이상일 경우, 두 버튼 모두 enable 상태로 변경albaCalc.jsx
의 주휴수당 state 변경result
에 더함일단 이 정도로 순서를 생각해보았다.
근데... 막상 구현해보니 이럴 필요가 없었다;;;
// ExtraPay.jsx
const enabled = time >= 15;
// return() 부분..
<button disabled={!enabled} />
요렇게 boolean
값으로 버튼을 쓸지말지 결정해주면 되는 거였다.
그 다음 과정으로 주휴수당 버튼이 활성화되면 onClick
에서 주휴수당을 계산하고 최종 월급에 더해줬다.
주휴수당 계산 결과 화면을 찍었는데.. 여기는 동영상이 안 올라가네 ㅠㅠ 아쉽..
하나하나 기능이 개발될 때마다 뿌듯함을 느낀다.
Happy Coding !!!