reactjs - 基于 LocalStorage 设置的 Chakra-UI 渲染选项卡
问题描述
如果根据 localStorage 设置满足条件,我似乎无法让选项卡呈现为活动状态。这是我所拥有的:
<TabList id="my-view-menu" direction="row" spacing={4}>
<Tab
colorScheme="#000"
fontSize="sm"
variant="link"
onClick={(e) => handleDefaultView(e)}
isSelected={localStorage.getItem('view') === 'default' ? true : false}
>
Default
</Tab>
<Tab
colorScheme="#000"
fontSize="sm"
variant="link"
onClick={(e) => handleMyView(e)}
isSelected={localStorage.getItem('view') === 'myView' ? true : false}
>
My View
</Tab>
</TabList>;
解决方案
推荐阅读
- django - 我应该创建一个模型来包含另一个模型实例吗?(姜戈)
- flutter - 如何在列内使用 gridview?
- docker - 可以运行 Ansible playbook 的 Docker Hub 映像
- python - 说出对非管理员禁用 @everyone 的命令
- objective-c - Objective-c 将参数传递给安装后脚本
- encryption - 什么是 Zip 强加密规范/SecureZip 密钥派生功能?
- c++ - 从字符串中读取数组元素
- google-colaboratory - colab pro + ram 是否有可能不增加
- typescript - 如何在打字稿类型中使一个属性不可选?
- r - 网页抓取返回 R 中的合并句子