Попытка получить базу данных index firebase в соответствии со значением состояния

Я пытаюсь обновить базу данных firebase на основе изменений состояния. Я хочу, чтобы каждый раз, когда я нажимал кнопку «Отправить», база данных обновлялась на основе местоположения индекса данных в базе данных.

onSubmit = () => {
  const pkp = [...this.state.pkp];
  const value = this.state.selectedOption2.value;
  const index = pkp.indexOf({ value });

  firebaseApp
    .database()
    .ref(`/${index}`)
    .update({ pkp });
};

Вот моя структура базы данных Здесь мое представление базы данных firebase

Я попытался консольировать переменную одну за другой, и результат правильный, за исключением константный индекс = pkp.indexOf({значение}); результат равен -1, всякий раз, когда я меняю значение состояния, оно восстанавливается -1.

Как значение относится к базе данных в этой строке? константное значение = this.state.selectedOption2.value; Возможно, вам не нужно использовать pkp.id.indexOf({value}) или что-то подобное?

Eliâ Melfior 15.02.2019 12:22

я добавляю некоторые изображения моей базы данных firebase, чтобы вы поняли. пожалуйста, сосредоточьтесь на const index = pkp.indexOf({ value }); В componentDidMount я импортирую базу данных, а затем помещаю ее в состояние pkp this.setState({pkp}). Итак this.state.pkp сама база данных.

Moh Jonaidy 15.02.2019 15:06

вопрос в том, как мне получить индекс моей базы данных, которую я хочу поместить ref()

Moh Jonaidy 15.02.2019 15:11

результат, который я хочу, когда const value = this.state.selectedOption2.value; изменится, ref() будет ref("/0"), then when const value = this.state.selectedOption2.value;` изменено во второй раз, ref() будет `ref("/1") и так далее.

Moh Jonaidy 15.02.2019 15:16

Итак, indexOf ищет значение, но вы ищете это значение на всем объекте, вам нужно указать, где именно вы хотите искать это значение.

Eliâ Melfior 15.02.2019 19:54

ты не решаешь мою проблему..

Moh Jonaidy 16.02.2019 17:38
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
6
21
0

Другие вопросы по теме