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

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

  •  1
  • dragi  · 技术社区  · 6 年前

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

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

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

    state

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

    1 回复  |  直到 6 年前
        1
  •  3
  •   Hemadri Dasari    6 年前

    因为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);