15 lines
313 B
TypeScript
15 lines
313 B
TypeScript
|
import { Atom, useAtom } from "jotai";
|
||
|
|
|
||
|
|
export interface IPerson {
|
||
|
|
name: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface Props {
|
||
|
|
personAtom: Atom<IPerson>;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Person({ personAtom }: Props) {
|
||
|
|
const [person, _] = useAtom(personAtom);
|
||
|
|
return <span style={{ marginInline: "5px" }}>{person.name}</span>;
|
||
|
|
}
|