#React prop handling
novel swanBOT
wraith oxide
What's removeTask
royal hatch
oh shit SORRY
wraith oxide
Btw just to check, you are aware right you have opted out of nextjs and it's fetching behaviours right?
royal hatch
function removeTask(id) {
let tempTasks = tasks
let removeIndex = tempTasks.map(item => item.id).indexOf(id)
tempTasks = tempTasks.splice(removeIndex, 1)
setTasks(tempTasks)
console.log(tasks)
}
Its really messy, im weak in js
royal hatch
Btw just to check, you are aware right you have opted out of nextjs and it's fet...
what? can you explain
wraith oxide
what? can you explain
So basically nextjs caching is server side,doing an axiis fetch in a use effect is how you would fetch on the client side, just wanted to let you know.. it's fine if that's expected
royal hatch
oh... i just realized.. so should i use fetch api? like how its defined in the docs?
wraith oxide
```jsx
function removeTask(id) {
let tempTasks = tasks
let r...
This looks.. like just ineffective try out filtering out the id
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
wraith oxide
oh... i just realized.. so should i use fetch api? like how its defined in the d...
Yup, fetch api on the server so outside a useEffect
Check out the docs since there is a lot of details there about fetching
Also
The reason it's not working is you aren't awaiting the handle deletion in the onclick
royal hatch
yes i got it working thank you so much!
novel swanBOT
tulip raft
@royal hatch please dont delete the original question, [mark the answer](#1223641900712595556 message) instead. if Arinji's answer didn't help you fully, please also explicitly state so before deleting your question (it's alright, you won't be judged for saying an answer didn't help)
novel swanBOT
novel swanBOT