use-set

Use Set in React Hooks

Usage no npm install needed!

<script type="module">
  import useSet from 'https://cdn.skypack.dev/use-set';
</script>

README

use-set

Use a Set in your React Hooks.

Installation

npm i use-set

Usage

import { useSet } from "use-set";

const List = (props) => {
    const checked = useSet(new Set());

    const toggle = key =>
        checked.has(key)
            ? checked.delete(key)
            : checked.add(key);

    return <div>
        {props.list.map(item =>
            <Checkbox
                key={item.key}
                name={item.name}
                checked = {checked.has(item.key)}
                onChange={() => toggle(item.key)}
            />}
    </div>;

};