Skip to content

Instantly share code, notes, and snippets.

@vsavkin
Created August 8, 2019 17:00
Show Gist options
  • Save vsavkin/a31d208ef7d8f9d452540a47fbd61994 to your computer and use it in GitHub Desktop.
Save vsavkin/a31d208ef7d8f9d452540a47fbd61994 to your computer and use it in GitHub Desktop.
type Ticket = {
title: string;
id: number;
};
export const App = () => {
const [tickets, setTickets] = useState<Ticket[]>([]);
useEffect(() => {
fetch('/api/tickets')
.then(t => t.json())
.then(setTickets);
}, []);
return (
<StyledApp>
<header className="flex">
<h1>Welcome to tickets!</h1>
</header>
<main>
{tickets.map(t => (
<p className="ticket flex" key={t.id}>
{t.title}
</p>
))}
</main>
</StyledApp>
);
};
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment