文件名称:React-Theme-Switcher:React基本主题切换器(React中“ context”的用法示例)
文件大小:166KB
文件格式:ZIP
更新时间:2024-05-22 00:26:10
JavaScript
主题切换器
在React应用程序中使用dynamic context示例用法。
这个概念
用户可以切换应用程序的主题(浅色或深色)。 布局基于。
这个怎么运作
描述“浅色”和“深色”样式的两个对象保存在“设置”文件中,该文件导出一个用主题const ThemeContext = React.createContext(themeStyle.dark)一个初始化的“ ThemeContext”对象。
ThemeContext通过用包装的根组件“提供”到整个应用ThemeContext Provider ,
【文件预览】:
React-Theme-Switcher-master
----.gitignore(285B)
----package.json(371B)
----package-lock.json(400KB)
----src()
--------components()
--------settings.js(2KB)
--------index.js(297B)
--------App.js(2KB)
--------registerServiceWorker.js(4KB)
--------index.css(63B)
--------App.test.js(248B)
----public()
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(325B)
----README.md(1KB)
----yarn.lock(245KB)