Как сделать добавление и удаление из бд firebase по нажатию одной кнопки?

Question

[elo-dev]

Сейчас у меня при нажатии удаляется и сразу же добавляется новый id в бд, как реализовать правильно ?

Вот сам handler:

const handleFavourite = async () => {
    setIsFavourite(!isFavourite)

    const snapshot = await get(child(ref(db), `user/${userAuth.uid}/favourite`))

    if (!snapshot.exists()) {
      addFavourite()
    } else {
      snapshot.forEach((item) => {
        if (item.val().id !== id) {
          addFavourite()
        } else {
          removeFavourite(item.key)
        }
      })
    }
  }

Это функция добавления:

const addFavourite = () => {
    const postListRef = ref(db, `user/${userAuth.uid}/favourite`)

    const newPostRef = push(postListRef)
    set(newPostRef, {
      id,
    })
  }

И удаления:

const removeFavourite = async (key) => {
    await remove(ref(db, `user/${userAuth.uid}/favourite/${key}`))
  }

Answer 1

[GeminiX]

И снова вопрос к циклу. Как он отработает, если в snapshot 4 записи. Будет удалена 1 и добавлено 3?

Comments

[elo-dev]

Цикл смотрит есть ли такая id в бд, которую я передаю, если нет то добавляет, но когда второй раз нажимаешь, удаляется id который уже был добавлен и сразу добавляется обратно

[GeminiX]

elo-dev, вам надо понять, есть ли в snapshot нужный элемент. Если есть, то удалить его, если нет, то создать. Не надо операции удаления и добавления делать в цикле. Сейчас у вас в snapshot N элементов, и по текущему алгоритму операция добавления будет вызвана N-1 раз, если Id совпадает, и N раз, если Id не совпадает. На мой предыдущий вопрос про 4 записи хотелось бы ответ.

[elo-dev]

Александр, если в snapshot 4 записи, то когда я нажимаю еще раз на последнюю добавленную, чтобы удалить, 2 удаляются и 2 добавляются

[GeminiX]

Почему две удаляются, две записи с одинаковым id?

[elo-dev]

Александр, да, если у них id одинаковый они удаляются и опять добавляются

[GeminiX]

let existKey = null
snapshot.forEach((item) => {
    if (item.val().id === id)
           existKey = item.key
})

existKey ? removeFavourite(existKey) : addFavourite()

[elo-dev]

Александр, только item.key вне foreach не существует

[GeminiX]

elo-dev, его же можно и сохранить переменку