首页 > 解决方案 > 类型“HTMLIonListElement”上不存在属性“显示”

问题描述

我有这段代码:

    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 元素中定义,但它表示该元素中不存在显示。我怎样才能使这项工作?我看过其他类似的帖子:post and it didn't work

标签: reactjstypescriptionic-frameworkelement

解决方案


您应该使用样式属性来更新:

button.style.display = "block";

推荐阅读