React में सरणी में प्रतिक्रियाशील जोड़

आइए सरणी में तत्वों को प्रतिक्रियाशील रूप से जोड़ने के साथ काम करते हैं। उदाहरण के लिए, मान लें कि हमारे पास एक सरणी है जो ul सूची के रूप में दिखाई जाती है:

jsxfunction 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>;
}
Задание 1

एक बटन बनाएं, जिस पर क्लिक करने पर सरणी के अंत में एक नया तत्व जुड़ जाए, जिससे ul टैग के अंत में एक नया li जुड़ जाए।

Задание 2

एक इनपुट और एक बटन बनाएं। बटन दबाने पर इनपुट का टेक्स्ट ul टैग के अंत में एक नया li टैग बन जाए।