How to add element in to Array in Reactjs
Jun 25, 2021
const { useState, useEffect } = React;const App = () => {const [namesArray, setNamesArray] = useState(["google"]);const [name, setName] = useState("");const handleChange = (e) => {const result = e.target.value;setName(result);};const handleSubmit = (e) => {e.preventDefault();const newArray = namesArray.concat(name);setNamesArray(newArray);setName("");};return (<div><form onSubmit={handleSubmit}><label>Enter the name to add</label><br /><inputtype="text"value={name}placeholder="add Element to an array"onChange={handleChange}/><br /><br /><input type="submit" value="add Name" /></form><ul>{namesArray.map((ele, i) => {return <li key={i}>{ele}</li>;})}</ul></div>);};ReactDOM.render(<App />, rootHandle);
