Add multiple value in array

Question

In my application, in React i have next situation: I have input where i add different values when i click on save. The value from input is converted from string to array. So, first time i added a text, i clicked save, and i have 1 value in array. Second time, i add another text, i click, on save and the first value is changed by second. I store value in this state:

const [value, setValue] = useState([here comes my value]);

I want to concat the value one after one and i did:

useEffect(()=> {
    setAllValues([...value, value])
  }, [value])

..but this does't work. How to store all values in one array?

It doesn't work because you use setAllValues where your function name is setValue — Sabbin
– Sabbin, Commented Apr 14, 2020 at 6:59

Clarity · Accepted Answer · 2020-04-14 07:00:21Z

3

Use the functional form of setState:

 setAllValues(prevValue => [...prevValue, newValue])

answered Apr 14, 2020 at 7:00

Clarity

10.9k2 gold badges27 silver badges38 bronze badges

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

Comments

Pushkin · Accepted Answer · 2020-04-14 07:02:46Z

1

To perform that operation you would need two states

// one state for array
const [valueArray, setValueArray] = useState([here comes my value]);

// and another state for string
const [value, setValue] = useState('');


// then onSave function
const onSave = () => {
  setValueArray([  ...valueArray, value ]);
  setValue('');
}

answered Apr 14, 2020 at 7:02

Pushkin

3,6441 gold badge19 silver badges36 bronze badges

Collectives™ on Stack Overflow

Add multiple value in array

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