20CAKE20.JS
04-state

State

14

04-state/07-collection.tsx

Collection

Example

Official Cake20 View example for collection.

export const data = {
  selected: new Set<number>(),
  names: new Map<number, string>(),
};

export const toggle = (id: number) => {
  if (data.selected.has(id)) data.selected.delete(id);
  else data.selected.add(id);
};

export default () => (
  <Button onClick={() => toggle(20)}>{data.selected.has(20) ? "Deselect" : "Select"}</Button>
);