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 टैग बन जाए।
