add item in array Spread operator and map - Practice
Tue Jun 27 2023 23:11:09 GMT+0000 (Coordinated Universal Time)
Saved by
@sarfraz_sheth
#react.js
import React, { useState } from "react";
function App() {
const [input, setInput] = useState("");
const [task, setTask] = useState([]);
function handleChange(event) {
const newTask = event.target.value;
setInput(newTask);
}
const listTasks = [...task];
function addTasks() {
setTask((prevTask) => [...prevTask, input]);
}
return (
<div className="container">
<div className="heading">
<h1>To-Do List</h1>
</div>
<div className="form">
<input type="text" name="tasksName" onChange={handleChange} />
<button onClick={addTasks}>
<span>Add</span>
</button>
</div>
<div>
<ul>
{listTasks.map((items) => (
<li>{items}</li>
))}
</ul>
</div>
</div>
);
}
export default App;
content_copyCOPY
add new items in array and display in list
Comments