reactuse

<div align = "center"> <h1 align = "center"> reactuse </h1> </div> <p align="center"> <a href="https://bundlephobia.com/result?p=@reactuses/core"> <img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/@reactuses/core?style=for-the-badge&labelColor=24292e"> </a> <a aria-label="Types" href="https://www.npmjs.com/package/@reactuses/core"> <img alt="Types" src="https://img.shields.io/npm/types/react-use-system-color-mode?style=for-the-badge&labelColor=24292e"> </a> <a aria-label="NPM version" href="https://www.npmjs.com/package/@reactuses/core"> <img alt="NPM Version" src="https://img.shields.io/npm/v/@reactuses/core?style=for-the-badge&labelColor=24292e"> </a> <a aria-label="License" href="https://jaredlunde.mit-license.org/"> <img alt="UnLicense" src="https://img.shields.io/npm/l/@reactuses/core?style=for-the-badge&labelColor=24292e"> </a> </p> <pre align="center">npm i @reactuses/core</pre> <p align="center"> React Hooks 实用工具集合。 </p> <hr>

快速开始

import { useToggle } from '@reactuses/core'

function Demo() {
  const [on, toggle] = useToggle(true)

  return (
    <div>
      <div>{on ? '开' : '关'}</div>
      <button onClick={toggle}>切换</button>
      <button onClick={() => toggle(true)}>设置为开</button>
      <button onClick={() => toggle(false)}>设置为关</button>
    </div>
  )
}