代码之家 › 专栏 › 技术社区 › dragi

如何在React中从对象中获取数据

firebase-realtime-database search firebase reactjs

1

dragi · 技术社区 · 8 年前

我有一个应用程序,我用React和Firebase构建,我只是做了一个搜索组件。

因此,我将从数据库中获取post,并将它们全部放入一个存储为状态的数组中。然后,我将该状态用于搜索组件(来自semanticuireact)。它可以工作,它搜索数组并返回基于“createdBy”字段的结果,但是当我试图从中仅获取字段时,它不再显示任何内容。

如何仅显示“message”和“createdBy”字段?或者如果数据库在firebase中,是否有更好的搜索组件的过程?

我能得到一些帮助吗? 谢谢

1 回复 | 直到 8 年前

1

3

Hemadri Dasari 8 年前

因为results是一个数组,所以您需要对它执行.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);