tvolkmann/smart_garden_server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added comment to use effect for fetching data

Browse Source
This commit is contained in:
Max 2020-07-11 11:06:33 +02:00
parent 829769501c
commit 851972304d
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
imports/ui/Home.jsx
View File

@ -18,13 +18,14 @@ export default function Home(props) {
const [sensorCardValues, setSensorCardValues] = useState(updateCardValues); const [sensorCardValues, setSensorCardValues] = useState(updateCardValues);
const [dataHistory, setDataHistory] = useState(props.dummyData); // for init data const [dataHistory, setDataHistory] = useState(props.dummyData); // for init data
// runs when the app mounts // runs when the app mounts, similiar to componentDidMount and componentDidUpdate
// if you give a prop to useEffect, it also runs each time this prop changes.. // if you give a prop to useEffect, it also runs each time this prop changes..
useEffect(() => { useEffect(() => {
// const data = await fetch('api-address') // fetch data from db here and destructure it
console.log("data is changing, start rerender..") console.log("data is changing, start rerender..")
setDataHistory(props.dummyData); setDataHistory(props.dummyData);
setSensorCardValues(updateCardValues); setSensorCardValues(updateCardValues);
}, [props.dummyData]) }, [])
// render the data // render the data
// make sensorCarddeck responsive // make sensorCarddeck responsive