Javascript 如何获取要显示的所有信息

我有一个提醒应用程序，到目前为止，我已经获得了信息，它被存储在本地存储。当我试图显示它时，只显示最新的提醒

HTML

---

因为每次这些行处理时，它都会覆盖以前的值

onst renderReminder = (reminder) => {
document.getElementById('ReminderInput').textContent = reminder.ReminderInput;
document.getElementById('DateInput').textContent = reminder.DateInput;
document.getElementById('InfoInput').textContent = reminder.InfoInput;
};

并且只有最新的值将保留下来，以显示其他值已消失。

---

要显示所有这些标签，您必须在StoredMinders中动态创建这些h4标签。

可能是因为您只使用了rementer=StoredMinders[index]？另外，您的RenderMinder将始终覆盖以前提醒的内容，因为您使用相同的元素，而没有将新元素附加到Body中，这可能是因为您只是从存储的one const reminder=StoredMinders[index]；中获取第一个元素@Justinas我可以选择显示常数索引为0的项目，或者选择本地存储中要显示的项目。如何显示所有项目？对不起，我是新来的，所以如果你能帮我重写代码great@LachlanWong所以在数组中循环你的提醒。就这样

const renderReminder = (reminder) => {
document.getElementById('ReminderInput').textContent = reminder.ReminderInput;
document.getElementById('DateInput').textContent = reminder.DateInput;
document.getElementById('InfoInput').textContent = reminder.InfoInput;
};
const index = 0 ;
const storedReminders = JSON.parse(localStorage.getItem("Reminders"));
if (!storedReminders) throw new Error('No reminders');
const reminder = storedReminders[index];

onst renderReminder = (reminder) => {
document.getElementById('ReminderInput').textContent = reminder.ReminderInput;
document.getElementById('DateInput').textContent = reminder.DateInput;
document.getElementById('InfoInput').textContent = reminder.InfoInput;
};