reactjs - 类型“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
解决方案
您应该使用样式属性来更新:
button.style.display = "block";
推荐阅读
- php - 对列求和并从多维数组中删除原始索引
- go - mac 安装 go swagger 错误并显示以下消息 `open /usr/local/go/bin/swag: permission denied`
- javascript - 如何列出所有绑定事件
- react-admin - 如何将给定的自定义值传递给
- angular - 在现有的 Angular 项目中添加 Ionic 项目
- python - 为什么 'sudo nohup python a.py &' 命令找不到 numpy?
- python - 在此服务器上找不到请求的资源。django
- sorting - Google 表格 - 如何将过滤器功能与过滤器视图结合使用
- amazon-web-services - AWS lightail CLI 命令 put-instance-public-ports 不起作用
- python - 替换值并重建json数据python