add in object in array after submit

Question

I am facing a problem. If you can give me some advice, it would be a huge help for me.

I have a state with object

const [work , setWork] = useState({company:"" , jobTitle:"", jobType:"", location:""});

const [list, setList] = useState([]);

I want when the user update and submit the state, I send the object in an array list [ ]

companyValue is is the result of onChange

const add = (e) => {
            e.preventDefault();
    
            if(companyValue){
                setWork(prevState => ({
                    ...prevState,
                    company: companyValue
                }))
                 setList(prevState => ({
                    ...prevState,
                    work
                 }))
                    }
               }

and I want to have a result like this

list = [
        {company:"" , jobTitle:"", jobType:"", location:""},
        {company:"" , jobTitle:"", jobType:"", location:""},
        {company:"" , jobTitle:"", jobType:"", location:""}
        ]

Anas Latique · Accepted Answer · 2022-09-05 11:29:55Z

1

Do something like this:

const newWork = {
  ...work,
  company: companyValue
}

setWork(newWork);

setList(
  list.concat(newWork)
)

If you want to add only that companyValue, which I assume look like this: {company:"" , jobTitle:"", jobType:"", location:""}, then you can do this:

setList(
  list.concat(companyValue)
);

edited Sep 5, 2022 at 11:29

answered Sep 5, 2022 at 11:07

Anas Latique

4081 gold badge7 silver badges16 bronze badges

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

7 Comments

Moufid sgh Over a year ago

thank's it works, but the value it added after 2 submit, do you have any idea about that

Anas Latique Over a year ago

Which solution you used? the work one or the companyValue one?

Moufid sgh Over a year ago

the first one with list.concat(work)

Anas Latique Over a year ago

Okay, try the second one and lemme know. Or you can try this: ` const newWork = { ...work, company: companyValue } setWork(newWork); setList( list.concat(newWork) ) `

Moufid sgh Over a year ago

i have the result, thank you so much Anas, you saved my day

|

Collectives™ on Stack Overflow

add in object in array after submit

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related