HTML5에서는 value 속성이 ' li ' 요소에 대한 리스트 아이템 값으로 사용되지만, React에서는 ' value ' 속성이 ' input ' 요소에서 사용되므로 ' li ' 요소에서 ' value ' 속성을 사용하여 값을 설정하면 문제가 될 수 있습니다. 따라서, ' data-* ' 속성을 사용하여 값을 설정하고 가져오는 것이 좋습니다.
예를 들어, ' data-value ' 속성을 사용하여 값을 설정하고, ' event.target.dataset.value '를 사용하여 해당 값을 가져올 수 있습니다. 코드는 아래와 같이 수정할 수 있습니다.