HeadlessUI에서 ComboBox의 선택된 값을 지우는 방법

Question

사용자가 드롭다운 상자를 열 때마다 선택한 옵션을 지우려고 합니다.

현재 옵션을 선택하고 드롭다운을 다시 열면 이전에 선택한 옵션이 선택된 상태로 유지됩니다.

nullable 속성을 true로 변경했지만 작동하지 않았습니다.

코드는 다음과 같습니다: https://codesandbox.io/s/clever-chaum-94xsng?file=/src/FilterDropdown.js

Answer 1

렌더링 기능에서 open 속성을 사용해 볼 수 있습니다. 드롭다운 상자가 열려 있는지 여부를 알려줍니다. 아주 간단한 예를 만들어봤습니다.

으아악

여기에 전체 코드가 있습니다. 시도 해봐.