Reactjs: How to update value in state array with react hooks?

Question

this is my state of array.

const [arr, setArr] = useState([
   {
     "id": 1,
     "barcode": "8851907264888",
     "qty" : 1
   }, 
   {
     "id": 2,
     "barcode": "8857124022072",
     "qty": 1
   }
]);

if I want to update qty to 2 in array[0] , what should I do?

Riddhijain · Accepted Answer · 2020-07-29 06:54:13Z

4

You can copy the arr to a new array and update the qty field and setArr with new array.

 let newArr = [...arr]
  newArr[0].qty=2;
  setArr(newArr);

answered Jul 29, 2020 at 6:54

Riddhijain

4972 silver badges9 bronze badges

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

Comments

akhtarvahid · Accepted Answer · 2020-07-29 06:58:05Z

1

This is how you can update your single object value. Live demo

export default function App() {
  const [arr, setArr] = React.useState([
   {
     "id": 1,
     "barcode": "8851907264888",
     "qty" : 1
   }, 
   {
     "id": 2,
     "barcode": "8857124022072",
     "qty": 1
   }
]);
const handleUpdate=()=>{
  arr[0].qty=2;
  setArr({...arr})
}
  return (
    <div className="App">
     <h3>{JSON.stringify(arr[0])}</h3>
     <button onClick={handleUpdate}>Update</button>
    </div>
  );
}

answered Jul 29, 2020 at 6:58

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

Collectives™ on Stack Overflow

Reactjs: How to update value in state array with react hooks?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related