/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 vote206 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote228 views1 answer
Bot react message with custom emoji
Javascript React
0 vote216 views1 answer
Reactjs clic copy
Javascript React
2 votes231 views1 answer
How to clear state in react hooks
Javascript React
1 vote211 views1 answer
Select in react with nchange
Javascript React
85 votes216 views3 answers
React random number
Javascript React
22 votes201 views3 answers
How to define array in react js
Javascript React
1 vote211 views1 answer
Convert nuber into string react js
Javascript React
2 votes228 views1 answer
All react navigation packages
Javascript React
0 vote286 views1 answer
Make a button who disable scrolling down the page react
Javascript React