Commitd8f33b6

committed

solution: useEffect to load messages

1 parent8b9c28c commitd8f33b6Copy full SHA for d8f33b6

File tree

+13

-12

lines changed

+13

-12

lines changed

Lines changed: 13 additions & 12 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,19 +6,20 @@ import "./styles.css";`
`6`	`6`	`importfetchDatafrom"../../services/api";`
`7`	`7`
`8`	`8`	`exportconstFeed=()=>{`
`9`		`-constloading=true;`
`10`		`-consterror=null;`
`11`		`-constdata=null;`
	`9`	`+const[loading,setLoading]=React.useState(true);`
	`10`	`+const[error,setError]=React.useState(null);`
	`11`	`+const[data,setData]=React.useState(null);`
`12`	`12`
`13`		`-// TODO: useEffect to load state from fetchData`
`14`		`-fetchData("messages")`
`15`		`-.then(messages=>{`
`16`		`-data=messages;`
`17`		`-loading=false;`
`18`		`-})`
`19`		`-.catch(error=>{`
`20`		`-error=error;`
`21`		`-});`
	`13`	`+React.useEffect(()=>{`
	`14`	`+fetchData("messages")`
	`15`	`+.then(result=>{`
	`16`	`+setData(result);`
	`17`	`+setLoading(false);`
	`18`	`+})`
	`19`	`+.catch(error=>{`
	`20`	`+setError(error);`
	`21`	`+});`
	`22`	`+},[]);`
`22`	`23`
`23`	`24`	`if(loading){`
`24`	`25`	`return(`

Comments

(0)