Breaking News: Grepper is joining You.com. Read the official announcement!

react push array in useState

Add Answer

iF n OnLy iF answered on June 2, 2020 Popularity 10/10 Helpfulness 9/10

answer react push array in useState

related Push object to of the array Hooks

related usestate array push

related push data to state array react usestate

react push array in useState

Comment

const [state, setState] = useState([]);

//push new array
setState(prevState => [...prevState, ...array]);

//push new item
setState(prevState => [...prevState, item]);

//returning other state val beside stateItem1
setState(prevState => {
  	return{
   		...prevState,
    	stateItem1 : stateVal1
  	}
})

//using class function
this.setState({
  	data: [...this.state.data, ...array],
})

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: javascript push setstate use-state

Link to this answer
Share Copy Link

Contributed on May 09 2023

iF n OnLy iF

0 Answers Avg Quality 2/10

Closely Related Answers

Push object to of the array Hooks

Comment

const [array,setArray] = useState([]);
Push value at the end:

setArray(oldArray => [...oldArray,newValue] );
Push value at the start:

setArray(oldArray => [newValue,...oldArray] );

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 13 2022

Ugly Unicorn

0 Answers Avg Quality 2/10

usestate array push

Comment

setTheArray([...theArray, newElement]);

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: array-push a

Link to this answer
Share Copy Link

Contributed on Jun 02 2020

Disgusted Dolphin

0 Answers Avg Quality 2/10

push data to state array react usestate

Comment

const {useState, useCallback} = React;
function Example() {
    const [theArray, setTheArray] = useState([]);
    const addEntryClick = () => {
        setTheArray(oldArray => [...oldArray, `Entry ${oldArray.length}`]);
    };
    return [
        <input type="button" onClick={addEntryClick} value="Add" />,
        <div>{theArray.map(entry =>
          <div>{entry}</div>
        )}
        </div>
    ];
}

ReactDOM.render(
    <Example />,
    document.getElementById("root")
);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Gotifly

0 Answers Avg Quality 2/10

react push array in useState

Contents

More Related Answers

react push array in useState

Closely Related Answers

Push object to of the array Hooks

usestate array push

push data to state array react usestate

Grepper

Documentation

Social

Legal

Contact

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