-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAppq.js
92 lines (89 loc) · 1.83 KB
/
Appq.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import React, { Component } from "react";
import { Platform, StyleSheet, View } from "react-native";
import {
Container,
Header,
Content,
Spinner,
Body,
Title,
Icon,
Left,
Right,
Button,
List,
ListItem,
Text
} from "native-base";
import _ from "lodash";
import withFirestore from "./src/hocs";
import firebase from "react-native-firebase";
class App extends Component {
constructor() {
super();
this.ref = firebase.firestore().collection("users");
// this.unsubscribe = null;
this.state = {
loading: true,
users: []
};
}
// componentDidMount() {
// this.unsubscribe = this.ref.onSnapshot(this.onCollectionUpdate);
// }
// componentWillUnmount() {
// this.unsubscribe();
// }
// onCollectionUpdate = querySnapshot => {
// const users = [];
// querySnapshot.forEach(doc => {
// const { name } = doc.data();
// users.push({
// key: doc.id,
// doc,
// name
// });
// });
// this.setState({
// users,
// loading: false
// });
// };
render() {
console.log(this.state.users);
console.log(this.props);
return (
<Container>
<Header>
<Left>
<Button transparent>
<Icon name="menu" />
</Button>
</Left>
<Body>
<Title>FireStore-Hoc</Title>
</Body>
<Right />
</Header>
<Content>
<List>
{_.map(this.state.users, item => (
<ListItem>
<Text>{item.name}</Text>
</ListItem>
))}
</List>
</Content>
</Container>
);
}
}
const refs = props => {
return [
{
name: "users",
ref: firebase.firestore().collection("users")
}
];
};
export default withFirestore(refs)(App);