React Firebase - 按ID获取项目

时间:2016-03-02 20:34:19

标签: reactjs firebase

我正在尝试为一组项目实现详细信息页面。在项目页面上,我有一个填充项目的数组,并在列表视图中显示。当我克隆一个项目时,它会通过url中的:key进入详细信息页面。

我有对象this.props.params.key,它是项目的标识符,但是如何查询firebase中的对象详细信息并将其保存在数组中?

网址就像

https://website.firebaseio.com/projects/uyrkbqetyqknnu

我基本上想要向其发送GET请求并获取详细信息。

由于

我在Firebase上有一系列项目

http://i.imgur.com/f2Cyipf.png

我真正想做的就是获取值并用它们填充一些文本字段。

类似于var subject = firebaseobject.item.subject

1 个答案:

答案 0 :(得分:1)

您可以像这样创建对特定项目数据的引用

var allProjectsRef = new Firebase('https://website.firebaseio.com/projects');
var projectRef = allProjectsRef.child('PROJECT-ID-GOES-HERE');

我猜你想让它适用于多个项目。您可以将this.props.params.key作为变量传递给:{/ p>

var projectId = this.props.params.key;   
var allProjectsRef = new Firebase('https://website.firebaseio.com/projects');
var projectRef = allProjectsRef.child(projectId);

我不确定这是故意还是恰好是你写的问题,但是firebase中的大多数唯一ID都以连字符开头,所以如果它没有返回任何东西,那可能就是因为这个原因。

完整文档可在此处获取:https://www.firebase.com/docs/web/api/firebase/child.html