sheetjs/docs.sheetjs.com
1
Fork 4
Code Issues 1 Pull Requests 1 Projects Releases Wiki Activity

Update the kaioken docs around 'useAsync' to reflect current API (#15)

Browse Source 
Reviewed-on: #15
Co-authored-by: LankyMoose <lankymoose@noreply.git.sheetjs.com>
Co-committed-by: LankyMoose <lankymoose@noreply.git.sheetjs.com>
This commit is contained in:
LankyMoose 2024-07-16 05:06:22 +00:00 committed by sheetjs
parent df36a616a9
commit ffbe7af307
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docz/docs/03-demos/02-frontend/01-kaioken.md
View File

@ -224,7 +224,7 @@ import { read, utils } from 'xlsx';
/* Fetch and parse the file */
// highlight-next-line
const [ pres, loading, error ] = useAsync<President[]>(async() => {
const { data: pres, loading, error } = useAsync<President[]>(async() => {
/* Download from https://docs.sheetjs.com/pres.numbers */
const f = await fetch("https://docs.sheetjs.com/pres.numbers");
const ab = await f.arrayBuffer();
@ -331,7 +331,7 @@ interface President {
export default function SheetJSKaiokenAoO() {
/* Fetch and parse the file */
const [ pres, loading, error ] = useAsync<President[]>(async() => {
const { data: pres, loading, error } = useAsync<President[]>(async() => {
const f = await (await fetch("https://docs.sheetjs.com/pres.xlsx")).arrayBuffer();
const wb = read(f); // parse the array buffer
const ws = wb.Sheets[wb.SheetNames[0]]; // get the first worksheet
@ -371,10 +371,10 @@ export default function SheetJSKaiokenAoO() {
Typically the JSX structure uses ternary expressions for testing status:
```jsx
const [ pres, loading, error ] = useAsync(async() => { /* ... */ });
const { data, loading, error } = useAsync(async() => { /* ... */ });
return ( <>
{ pres ? (
{ data ? (
<b>Data is loaded</b>
) : loading ? (
<b>Loading ...</b>