/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

1 vote77 views1 answer
Parent to child react state
Javascript React
2 votes120 views1 answer
React-native open call app
Javascript React
0 vote132 views1 answer
React form input not working
Javascript React
0 vote130 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
2 votes118 views3 answers
React native component at bottom center
Javascript React
48 votes114 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote118 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
0 vote115 views1 answer
Switch tab react
Javascript React
3 votes116 views1 answer
React router dom current path hook
Javascript React
9 votes120 views2 answers
Reactjs radio button onchange
Javascript React