/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

0 vote228 views1 answer
React native section list sort by alphabet
Javascript React
0 vote232 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
12 votes225 views1 answer
Suspense react
Javascript React
0 vote255 views1 answer
How to declare a variable in react
Javascript React
0 vote229 views1 answer
React navigation 4
Javascript React
0 vote237 views1 answer
Link tag react
Javascript React
24 votes244 views5 answers
How to change port in react js
Javascript React
11 votes226 views3 answers
React native text ellipsis
Javascript React
3 votes260 views1 answer
React.children.only expected to receive a single react element child
Javascript React
-1 vote222 views1 answer
Array.filter react
Javascript React