/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

108 votes144 views2 answers
Make react project
Javascript React
0 vote113 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
1 vote115 views1 answer
React-native link to play store
Javascript React
0 vote122 views2 answers
Count down timer in react native
Javascript React
0 vote109 views1 answer
Making all makers to show in react native map
Javascript React
0 vote114 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
5 votes110 views1 answer
How to create component in reactjs
Javascript React
0 vote123 views1 answer
Textinput multiline start from top react native
Javascript React
1 vote118 views2 answers
Expo create react native app
Javascript React
0 vote172 views2 answers
React native maximum update depth exceeded
Javascript React