23 lines
919 B
TypeScript
23 lines
919 B
TypeScript
import React from "react";
|
|
import * as Iso from "@eno/iso";
|
|
|
|
export default ()=>
|
|
{
|
|
const [countGet, countSet] = React.useState(1);
|
|
const [routeGet, routeSet] = Iso.Router.Consumer();
|
|
|
|
type CatFact = {fact:string, length:number}|undefined;
|
|
const [Data, Updating] = Iso.Fetch.Use(`https://catfact.ninja/fact`);
|
|
|
|
|
|
console.log("component.tsx render!!")
|
|
|
|
return <div class="p-4 text-red-500">
|
|
<Iso.Meta.Metas title="Component!" description="components can set metas"/>
|
|
Component Route is: {routeGet.Path.toString()}
|
|
<button className="p-4 bg-green-500 text-white" onClick={e=>{countSet(countGet+1); routeSet(["lol", "idk"], {count:countGet+1});}}>{countGet}</button>
|
|
<a href="/page/about-us" className="p-2 text(lg blue-500) font-bold">a link</a>
|
|
<p>Data:{Data && (Data as CatFact)?.fact}</p>
|
|
<p>Status:{Updating?'loading':'done'}</p>
|
|
</div>;
|
|
}; |