결과적으로 최소 0, 최대 100 사이인 음량 범위를 벗어나려고 하면 버튼에 disabled 속성이 적용된다. 예를 들어 그림 6-15처럼 음량이 0이라면 음량 감소 버튼이 비활성화된다. 슬라이더를 드래그하면 버튼에 있는 텍스트가 바뀌고 필요에 따라 비활성화 또는 활성화되는 것을 확인할 수 있다. handleChange()에서 슬라이더를 호출하므로 버튼을 클릭하면 슬라이더가 움직이는 것을 확인할 수 있다. 다음으로 SliderValue 컴포넌트에서 Value 라벨을 구현한다.

▲ 그림 6-15 음량이 음수가 되지 않도록 음량 감소 버튼을 비활성화했다.