如何显示来自cloud firebase的“timestamp”值，将其作为日期或字符串进行原生反应？

Question

这是我想进入react原生应用程序的时间戳值。我可以把这个当成一个字符串那样显示，但我被要求它必须是云中的时间戳。并可能将其作为react本机项目中的日期。我该怎么做？我可以显示其他领域如adSoyad，完全没有问题。

还有一件事，我怎么从这个云系统展示一张图片？这里是我的app.js：

import React, {Component} from 'react';
import {
Platform,
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
Button,
StatusBar,
} from 'react-native';
import firebase from '@react-native-firebase/app'
import firestore from '@react-native-firebase/firestore'
import { format } from "date-fns";
class App extends Component {
state = {
tablo: {
adSoyad: "",
yas: "",
dogumTarihi: "",
mezunDurumu: "",

}
}
constructor(props) {
super(props);
this.getUser();
this.subscriber=firestore().collection("tablo").doc
('J6mAav1kjkcjrMupeOqX').onSnapshot(doc => {
this.setState({
tablo: {
adSoyad: doc.data().adSoyad,
yas: doc.data().yas,
dogumTarihi: doc.data().dogumTarihi,
mezunDurumu:doc.data().mezunDurumu,

}
}
)
});
}
getUser= async() => {
const userDocument= await firestore().collection("tablolar").doc
("J6mAav1kjkcjrMupeOqX").get()
console.log(userDocument)
}
render() {
  var mezund;
  var dtarih=toString(this.state.tablo.dogumTarihi);
  console.log(dtarih);
  //this doesn't work though how do we do this??? it gives undefined.
  if(this.state.tablo.mezunDurumu==false){mezund="Mezun Değil"}
  else if(this.state.tablo.mezunDurumu=true){mezund="mezun"}
return (
<View>
  
<Text>Ad Soyad: {this.state.tablo.adSoyad}</Text>
<Text>Yaş: {this.state.tablo.yas}</Text>
<Text>Doğum Tarihi: {dtarih}</Text>
<Text>Mezun Durumu: {mezund}</Text>

</View>
);
}
}
export default App

Answer 1

要将时间戳转换为日期，请尝试.toString（）方法。（如果this.state.tablo.dogumtariHi是您的时间戳，那么this.state.tablo.dogumtariHi.ToString（））。

https://firebase.google.com/docs/reference/android/com/google/firebase/timestamp#ToString()

但是，您最好将它变成一个日期，如链接的文档中所示，并从这里操作它的格式。

至于显示图像，您应该使用firebase存储，而不是FireStore。请参阅firebase文档，了解定价和可用性方面的原因。通常所做的是将文件（如图像）存储在firebase存储的某个URL x中，并且x存储在firestore中，这样当您加载文档时，您就可以访问存储图像的URL。

代码（从https://dev.to/clintdev/simple-firebase-image-uploader-display-with-reactJS-3AOO复制和粘贴），用于存储图像并获取其下载URL以存储在firestore文档中或用于页面。

    storage
      .ref("images")
      .child(image.name)
      .getDownloadURL()
      .then(url => {
        this.setState({ url });
      });

    <img
      src={this.state.url || "https://via.placeholder.com/400x300"}
      alt="Uploaded Images"
      height="300"
      width="400"
    />

还有一个react-native-firebase项目可能值得研究：https://rnFirebase.io/。

这是我的第一个堆栈溢出答案，所以如果我违反了任何规则，请告诉我！