我有一个输入字段，上面有一个箭头onClick，它显示了一个列表框，我想在打开和关闭它时向这个选择框添加一个转换，但什么也没做。

.combobox-options {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 15em;
  overflow-y: auto;
  overscroll-behavior: contain;
  width: 100%;
  left: 0;
  top: calc(100% + 0.25em);
  z-index: 100;
  transition: all 0.5s;
}

const [isOpen, setIsOpen] = useState(false);

    <input role="combobox"  className="combobox-input"/>
    <button
        className={clsx("arrow", isOpen && "down")}
        onClick={() => setIsOpen(!isOpen)}>
    </button>
    {isOpen && (
       <ul
          id="combobox-listbox"
          role="listbox"
          className={clsx("combobox-options")}
        >
            {options?.map((option: any, index: any) => {
              return (
                <li>...</li>
              );
            })}
        </ul>
    )}