属性“显示”在类型“HTMLIonListElement”上不存在

Question

我有这段代码：

    const [isThreeDotsMenuOpen, setIsThreeDotsMenuOpen] = useState<boolean>(false);
        const threeDotsIcon = useRef<HTMLIonListElement>(null);
        // const threeDotsIcon = document.getElementsByClassName("login-three-dots-menu")[0] as HTMLIonListElement;
        const openLeaveMenu = () => {
            setIsThreeDotsMenuOpen(!isThreeDotsMenuOpen);
            let button = threeDotsIcon.current;
            if(isThreeDotsMenuOpen){
                if(button !== null)
                    button.display = "block";
            }
            else{
                if(button !== null)
                    button.display = "none";
            }
        }

ref是在一个IonList元素中定义的，但它表示display不存在于该元素中。我怎样才能做到这一点？我见过其他类似的帖子：post和it都没用

Answer 1

您应该使用style属性来更新：

button.style.display = "block";