react setstate in hooks to array of objects value

Mystic Dev answered on March 2, 2021 Popularity 10/10 Helpfulness 4/10

answer react setstate in hooks to array of objects value

related set state array of objects react hooks

related How do you update a value inside an array of objects with useState?

related React update state array of objects hooks

react setstate in hooks to array of objects value

Comment

// sample datas structure
/* const datas = [
    {
      id:   1,
      name: 'john',
      gender: 'm'
    }
    {
      id:   2,
      name: 'mary',
      gender: 'f'
    }
] */ // make sure to set the default value in the useState call (I already fixed it)

const [datas, setDatas] = useState([
    {
      id:   1,
      name: 'john',
      gender: 'm'
    }
    {
      id:   2,
      name: 'mary',
      gender: 'f'
    }
]);

const updateFieldChanged = index => e => {

    console.log('index: ' + index);
    console.log('property name: '+ e.target.name);
    let newArr = [...datas]; // copying the old datas array
    newArr[index] = e.target.value; // replace e.target.value with whatever you want to change it to

    setDatas(newArr); // ??
}

return (
    <React.Fragment>
        { datas.map( (data, index) => {
              <li key={data.name}>
                <input type="text" name="name" value={data.name} onChange={updateFieldChanged(index)}  />
              </li>
          })
        }
    </React.Fragment>
)

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: setstate typescript

Link to this answer
Share Copy Link

Contributed on Mar 02 2021

Mystic Dev

0 Answers Avg Quality 2/10

Closely Related Answers

set state array of objects react hooks

Comment

separate your array items by comma

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: react-hooks set state typescript

Link to this answer
Share Copy Link

Contributed on Aug 21 2022

Binte shahid

0 Answers Avg Quality 2/10

How do you update a value inside an array of objects with useState?

Comment

update an object within an array

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 10 2022

Paul Awolesi

0 Answers Avg Quality 2/10

React update state array of objects hooks

Comment

-2

React fin and update state value

Popularity 10/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: state stat

Link to this answer
Share Copy Link

Contributed on May 18 2021

Graceful Giraffe

0 Answers Avg Quality 2/10

react setstate in hooks to array of objects value

Contents

More Related Answers

react setstate in hooks to array of objects value

Closely Related Answers

set state array of objects react hooks

How do you update a value inside an array of objects with useState?

React update state array of objects hooks

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.