JavaScript — с React, обновите значение элемента списка Firebase

С помощью React обновите значение элемента списка Firebase

Я храню список предметов в базе данных Firebase. Я рендеринг этой базы данных в приложении React.

Что мне нужно сделать, так это уметь щелкать по визуализированным библиотекам li и обновлять значение для этого конкретного элемента в базе данных Firebase. Я очень близок, но я не понимаю, как динамически находить что-то вроде «индекса», потому что Firebase возвращает трудный для работы с Object, с вложенными объектами внутри.

Моя база данных выглядит так:

 { -LrZUFDjefHEUHFhfwi32: { completed: "done", item: "item Name 1" }, -LrZUFDjefHEUHFhfwi32: { completed: "not-done", item: "item Name 2" } } 

Эта функция хорошо записывает данные в базу данных Firebase, я называю это ниже:

 writeTodoData = (item, done) ={amp}gt; { firebase.database().ref('items/'   item).update({ completed: done }); } 

И я вызываю эту функцию, когда нажимаю на li, что также работает, но, как вы видите, первый параметр — это имя объекта базы данных, который я хочу обновить, он жестко запрограммирован, я хочу найти способ его динамического поиска на основе li, по которому щелкнули, возможно, используя textContent, который существует в объектах, может быть с индексом, но я не уверен, что индекс может что-то сделать с данными, которые у меня есть

 onListClick = (e) ={amp}gt; { const target = e.target; const todoContent = e.target.textContent; const index = [...target.parentElement.children].indexOf(target); //I have the index and the textContent of the clicked li... //How do I find the Object URL to update the Object dynamically. this.writeTodoData( '-LrZUFDcBcJyU3JGK83S', 'done') } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector