Problem with changing Array State using React Hooks

Question

I am new in React and I have a problem with changing states in Arrays States using Hooks. I have an Array State as u can see below. How I can change only one cell in my state using ,,setFootballersList" without having to write all of the cells"?

const [footballersList, setFootballersList] = useState([["1",true], ["2",true], ["3",true]]);

Thanks for the answers.

Please share the desired output. I am not getting what you want to do. What is cell that you are referring — Diwakar Singh
– Diwakar Singh, Commented Apr 16, 2021 at 10:45
I give u an example. I have a function ,,changeFootbalers(x)" which should work f.e: for changeFootballers(0) changing state from [["1",true], ["2",true], ["3",true] to [["1",false], ["2",true], ["3",true] — iqaz
– iqaz, Commented Apr 16, 2021 at 10:47

Medi · Accepted Answer · 2021-04-16 10:46:28Z

1

You can use the index of the cell in the array. For example pass it to the handler.

const handleStateChange = (targetIndex)=>{
setFootballersList(footballersList.map((footballer, index)=>{
   if(index ===TargetIndex){
     //return updatedFootballer
   }
   return footballer;
}))
}

answered Apr 16, 2021 at 10:46

Medi

1,0362 gold badges9 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Problem with changing Array State using React Hooks

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related