钩子

useTheme

若要在组件中直接访问上下文对象，请使用 useTheme 钩子。

import { useTheme } from "reflexjs"

export default function () {
  const { theme } = useTheme()

  return <p color={theme.colors.primary}>Example</p>
}
 CopyCopy

useColorMode

在应用程序中使用 useColorMode 钩子访问当前颜色模式或更改颜色模式。

import React from "react"
import { useColorMode } from "reflexjs" 

export default function () {
  const [colorMode, setColorMode] = useColorMode() 
  return (
    <header>
      <button
        onClick={(e) => {
          setColorMode(colorMode === "default" ? "dark" : "default")
        }}
      >
        Toggle {colorMode === "default" ? "Dark" : "Light"}
      </button>
    </header>
  )
}
 CopyCopy