/Javascript/React/React Hooks append state

React Hooks append state

Usestate array push

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

Source: stackoverflow.com

React Hooks append state

setTheArray(currentArray => [...currentArray, newElement])

Functional component how to add to existing array react

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

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

Source: stackoverflow.com

Similar codes

1 vote124 views1 answer
Reactjs compile subdomine
Javascript React
3 votes119 views3 answers
Async await class component react
Javascript React
1 vote135 views1 answer
Get image url in react input file or preview form image
Javascript React
1 vote85 views1 answer
Mui modal backdrop
Javascript React
0 vote134 views1 answer
Float right react native
Javascript React
1 vote137 views1 answer
React next alias import
Javascript React
21 votes139 views4 answers
React font awesome npm
Javascript React
0 vote202 views1 answer
React native application architecture
Javascript React
2 votes123 views1 answer
Redux React redux
Javascript React
65 votes138 views6 answers
React routing
Javascript React