我有我的消防站集合,其中有firstName,secondName,Proffesion。
我尝试在项目中放入3个字段,
创建时间:日期, 删除时间:日期, 编辑:时间日期
当我创建,更改或删除集合中的某些内容时,我想在“创建/删除/编辑”字段中显示日期和时间
我只在标题中找到了代码,但是我不知道如何在代码中使用它。谁能帮助我,并告诉我如何在我的代码中正确使用它?
到目前为止,这是我的代码:
import firebase from "../firebase";
function usePerson() {
const [info, setInfo] = useState([]);
useEffect(() => {
const dissconect = firebase
.firestore()
.collection("Users")
.onSnapshot(snapshot => {
const newInfo = snapshot.docs.map(doc => ({
id: doc.id,
...doc.data()
}));
setInfo(newInfo);
});
return () => dissconect();
}, []);
return info;
}
export default function Users() {
const info = usePerson();
return (
<Card width>
{info.map(personInfo => (
<div key={personInfo.id} className="one-user">
<img src={img} alt="sova" className="one-user__img" />
<div className="one-user__info">
<p>
{personInfo.firstName} {personInfo.lastName}
</p>
<p>Email:{personInfo.email}</p>
<p>Profession:{personInfo.profession}</p>{" "}
</div>
<p></p>
<Link to="/UsersDetails">
<Button bordered>{"Go to detail"}</Button>
</Link>
</div>
))}
</Card>
);