How to assign input text values into an array?

Question

In a table, certain input text fields are displayed. Accordingly data could be inputted in it. My intention is to club all the input data into an array. Each record has its specific unique id, which we get in console while we input in text box. Based on this id, I want to club into an array data. I've tried with one logic but gives error. Please have a look at the code below

// Here newData is an array of records which I'm displaying in Grid
const [dataNew, setDataNew] = useState(newData);

const textChange = (data) => {
    const { id, value } = data;
    setDataNew((prevInfo) => {
      const dataIndex = +id[id.length - 1];
      return {
        ...prevInfo,
         
        // Here I'm getting error in the below code snippet in prevInfo
        dataHere: Object.assign([...prevInfo.newData], { [dataIndex]: value })
      };
    });
  };

console.log('NEW DATA', newData)

Please suggest me if any changes to be done. Any solution highly appreciated

Please refer codesandbox link --> https://codesandbox.io/s/elated-varahamihira-xpjtdb?file=/src/Table.js:149-197

moonwave99 · Accepted Answer · 2022-09-16 12:44:17Z

1

dataNew is initially an array, but you are returning an object from the setDataNew callback.

Also id is a number itself in your sandbox, so the following would suffice:

const textChange = (data) => {
  const { id, value } = data;
  setDataNew((prevInfo) => {
    const dataIndex = id - 1;
    prevInfo[dataIndex] = value;
    return [...prevInfo];
  });
};

answered Sep 16, 2022 at 12:44

moonwave99

22.9k3 gold badges48 silver badges71 bronze badges

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

2 Comments

Prakash Patil Over a year ago

Perfect answer, as expected. Thanks

Prakash Patil Over a year ago

One issue I had... what if id is changed... as I've done it and getting undefined... can you please help in this stackoverflow.com/questions/73764649/…

Collectives™ on Stack Overflow

How to assign input text values into an array?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related