Commit0de5c05

committed

solution: useApi custom hook

1 parent3804516 commit0de5c05Copy full SHA for 0de5c05

File tree

+10

-12

lines changed

+10

-12

lines changed

Lines changed: 10 additions & 12 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,31 +6,29 @@ import "./styles.css";`
`6`	`6`	`importfetchDatafrom"../../services/api";`
`7`	`7`
`8`	`8`	`exportconstuseApi=url=>{`
`9`		`-// TODO: loading, error, data loader from API`
`10`		`-// TODO: pass the url in so that we call fetchData(url)`
`11`		`-return{`
`12`		`- loading,`
`13`		`- error,`
`14`		`- data`
`15`		`-};`
`16`		`-};`
`17`		`-`
`18`		`-exportconstFeed=()=>{`
`19`	`9`	`const[loading,setLoading]=React.useState(true);`
`20`	`10`	`const[error,setError]=React.useState(null);`
`21`	`11`	`const[data,setData]=React.useState(null);`
`22`	`12`
`23`	`13`	`React.useEffect(()=>{`
`24`		`-fetchData("messages")`
	`14`	`+fetchData(url)`
`25`	`15`	`.then(result=>{`
`26`	`16`	`setData(result);`
`27`	`17`	`setLoading(false);`
`28`	`18`	`})`
`29`	`19`	`.catch(error=>{`
`30`	`20`	`setError(error);`
`31`	`21`	`});`
`32`		`-},[]);`
	`22`	`+},[url]);`
	`23`	`+return{`
	`24`	`+ loading,`
	`25`	`+ error,`
	`26`	`+ data`
	`27`	`+};`
	`28`	`+};`
`33`	`29`
	`30`	`+exportconstFeed=()=>{`
	`31`	`+const{ loading, error, data}=useApi("messages");`
`34`	`32`	`if(loading){`
`35`	`33`	`return(`
`36`	`34`	`<divclassName="Feed">`

Comments

(0)