React-এ অ্যারে에 প্রতিক্রিয়াশীলভাবে যোগ করা
আসুন অ্যারেতে উপাদান প্রতিক্রিয়াশীলভাবে যোগ করার সাথে কাজ করি।
উদাহরণস্বরূপ, আমাদের একটি অ্যারে আছে যা একটি
ul তালিকা হিসাবে প্রদর্শিত হয়:
function App() {
const [notes, setNotes] = useState([1, 2, 3, 4, 5]);
const result = notes.map((note, index) => {
return <li key={index}>{note}</li>;
});
return <div>
<ul>
{result}
</ul>
</div>;
}
একটি বাটন তৈরি করুন, যেটি ক্লিক করলে
অ্যারের শেষে একটি নতুন উপাদান যোগ হবে,
যার ফলে ul ট্যাগের শেষে একটি নতুন
li যোগ হবে।
একটি ইনপুট এবং একটি বাটন তৈরি করুন।
বাটনে ক্লিক করলে ইনপুটের টেক্সট
ul ট্যাগের শেষে একটি নতুন li ট্যাগ হয়ে যাক।
