【问题标题】:Property 'display' does not exist on type 'HTMLIonListElement'类型“HTMLIonListElement”上不存在属性“显示”
【发布时间】:2021-10-26 17:13:49
【问题描述】:

我有这段代码:

    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,但它没有用

【问题讨论】:

    标签: reactjs typescript ionic-framework element


    【解决方案1】:

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

    button.style.display = "block";
    

    【讨论】:

      猜你喜欢
      • 2021-01-09
      • 2020-06-05
      • 2021-07-10
      • 2017-07-22
      • 2023-03-26
      • 2023-04-02
      • 2019-12-20
      • 2021-12-07
      相关资源
      最近更新 更多