Как получить данные из объекта в React

Question

У меня есть приложение, которое я создал с помощью React и Firebase, и я только что создал поисковый компонент.

Итак, я получу сообщения из базы данных и помещу их в массив, который хранится в виде состояния.Затем я использую это состояние с компонентом поиска (который из Semantic UI React).Он работает, он ищет массив и возвращает результаты, основанные на поле «createBy», но когда я пытаюсь получить из него только поля, он больше ничего не отображает.

Как я могу получить толькоотображаются поля 'message' и 'creationBy'?Или есть ли лучший процесс для компонентов поиска, если база данных находится в базе данных Firebase?

Как вы можете видеть, у меня есть результаты внутри состояния тами я могу отобразить эти результаты с помощью JSON stringify, но когда я пытаюсь использовать, например, «results.message», он не работает.

Могу ли я получить помощь, пожалуйста?Спасибо

Answer 1

Так как результаты - это массив, вам нужно сделать .map или .forEach для доступа к каждому объекту, его ключам и значениям

  results.map( result => {
       console.log(result.message);
       console.log(result.uid);
       console.log(result.createdBy);
  }

Или использовать .forEach

  results.forEach( result => {
       console.log(result.message);
       console.log(result.uid);
       console.log(result.createdBy);
  }

Если вы хотите получить доступ только к первому объекту из массива, тогда

  console.log(results[0].message);
  console.log(results[0].uid);
  console.log(results[0].createdBy);