useSelection

KC

BUF

import { createSelection } from "@sportsdataverse/sdvplot";
import { useSelection } from "@sportsdataverse/sdvplot/react";
import type { ReactElement } from "react";

const store = createSelection();
store.set({ selected: ["KC", "BUF"] });
function Picked(): ReactElement {
  const { selected } = useSelection(store); // re-renders on every change of the store
  return (
    <table>
      <tbody>
        {[...selected].map((id) => (
          <tr key={id}>
            <td>{id}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
}
<Picked />;

Tags: docstring · useSelection. All sdvplot examples.