在 React 中的 firebasedatase 中按值过滤对象数组

Question

`我正在尝试过滤 firebase/firestore 数据库表中的数据。事实上，我已经将用户数据存储在一个名为 users_Infos 的表中，存储的数据是：姓名、电子邮件和角色。我想过滤每个用户的角色，以便为他们显示适当的仪表板。这里的文档代表我的用户列表 (users_infos) 请注意，我还有一个代表当前用户的用户，也是一个包含名称、电子邮件地址和 uid 的数组。

这是我正在尝试编写的代码，但它不起作用。

import { useAuthContext } from '../../hooks/useAuthContext' import { useCollection } from '../../hooks/useCollection' import React from 'react'

//styles import styles from './Home.module.css'

// components import SkillsFormX from './SkillsFormX import SkillsFormY from './SkillsFormY import Footer from '../../components/Footer'

export default function Home() { const { user } = useAuthContext() const { documents, error } = useCollection('users_Infos')

return (

<div className=""> <div className="">

{documents.filter(users => users.displayName === user.displayName).map(filteredPerson => (

`{filteredPerson.role==='x' && }` `{filteredPerson.role==='y' && }` `` `））}`

  `</div>`
  `<Footer />`
`</div>`

)

}

Answer 1

这行不通

{documents.filter(users => users.displayName === user.displayName).map(filteredPerson => (

{filteredPerson.role}))}

Answer 2

我正在与您分享 2 个我认为对您有帮助的参考网址 -

1. https://bobbyhadz.com/blog/react-filter-array-of-objects

2. https://contactmentor.com/reactjs-filter-array-of-objects/