forked from sheetjs/docs.sheetjs.com
update usages of 'useAsync' to reflect current version of API #1
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user