首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在反作用项目中使用daisyUI和尾风来改变主题?

如何在反作用项目中使用daisyUI和尾风来改变主题?
EN

Stack Overflow用户
提问于 2022-07-10 07:50:26
回答 1查看 1.4K关注 0票数 0

在任何文档中,我似乎都找不到这方面的解决方案。我想要的是有一个按钮切换之间的灯和黑暗模式。

EN

回答 1

Stack Overflow用户

发布于 2022-08-14 10:44:27

安装名为theme-change https://www.npmjs.com/package/theme-change的包,然后用于react

index.tsx

代码语言:javascript
运行
复制
import { themeChange } from 'theme-change';

/*Initialize under useEffect */

useEffect(() => {
    themeChange(false);
  }, []);

然后在导航菜单或顶部栏上

代码语言:javascript
运行
复制
<select className="gradientselect" data-choose-theme>
        <option disabled value="">
          Pick a theme
        </option>
        <option value="">Default</option>
        <option value="light">Light</option>
        <option value="retro">Retro</option>
        <option value="dracula">Dracula</option>
        <option value="cyberpunk">Cyberpunk</option>
 </select>

确保检查文档以获得有关https://github.com/saadeghi/theme-change的更多信息

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72926946

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档