/Javascript/React/Functional component how to add to existing array react

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 vote153 views1 answer
On close tab react native web
Javascript React
21 votes174 views6 answers
React native vector icon
Javascript React
0 vote148 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
1 vote137 views1 answer
React why onclick property function trigger without click
Javascript React
16 votes175 views2 answers
Where to put background images in react app
Javascript React
0 vote148 views1 answer
React Mixed symbols
Javascript React
0 vote164 views1 answer
Get id button clicked react
Javascript React
2 votes176 views2 answers
Select field in react native
Javascript React
5 votes154 views3 answers
Open in a new tab react
Javascript React
1 vote149 views1 answer
React native cover image
Javascript React