홈>
파이어베이스에서 데이터를 가져 와서 배열에 저장하고 있습니다. 이제 플랫리스트를 사용하여 표시하고 싶지만 어떻게해야할지 모르겠습니까?
class HomeScreen extends Component{
constructor(props){
super(props);
this.state={
menu:[]
}
}
// componentDidMount() {
// firebase.auth().onAuthStateChanged(authenticate => {
// if (authenticate) {
// this.props.navigation.replace("Home");
// } else {
// this.props.navigation.replace("login");
// }
// });
// }
componentDidMount() {
firebase.database().ref('menu/starter/').once('value').then(snapshot => {
var items = [];
snapshot.forEach((child) => {
items.push({
name: child.val().name,
image: child.val().image,
price: child.val().price,
});
});
this.setState({ menu: items});
console.log(this.state.menu)
});
}
render(){
return(
<View style={styles.container}>
<Text></Text>
</View>
)
}
}
- 답변 # 1
관련 자료
- javascript - 객체 배열을 사용하여 데이터를 가져오고 표시하는 방법은 무엇입니까?
- vuejs를 사용하여 firebase의 기존 배열에 데이터를 "push ()"하는 방법은 무엇입니까?
- javascript - 구성 요소로 처음으로 이동하거나 돌아올 때 Firebase에서 데이터를 가져올 수 없습니다
- javascript - 텍스트 파일에서 데이터를 읽고 객체 배열에 저장합니다NodeJS
- javascript - Firebase 인증에서 사용자에 대한 정보를 내 속성에 저장할 수 있나요?
- javascript - 마지막 항목을 전달할 때 첫 번째 항목에 대한 자동 루프를 사용하여 배열에 마지막 N 값을 저장하는 방법은 무엇입니까?
- mysql - php - 연관 배열에서 특정 키의 값을 가져 오시겠습니까?
- Riverpod 패키지를 사용하여 Flutter의 firebase 컬렉션에서 모든 문서를 가져 오는 방법은 무엇입니까?
- foreach - SwiftUI에서 중첩 배열의 항목 표시
- 페이팔 API에서 복잡한 json 반환 배열의 PHP 변수 저장
- javascript - Firebase에서 여러 ID를 사용하여 데이터 가져 오기
- java - evey 계산을 Array의 항목으로 저장
- c++ - LPWSTR 포인터를 사용하여 앱 (WinAPI)에 문자 배열 또는 와이드 문자 배열 표시
- java - Android에서 실시간 그리기 앱의 경로 클래스에 대해 Firebase RTDB에 어떤 유형의 값을 저장합니까?
- c - uint64_t를 배열에 어떻게 저장할 수 있습니까?
- python - csv 파일의 각 행을 가져와 사전에 저장해야합니다
- ansi c - 텍스트 파일 열의 데이터를 배열에 저장합니다 C에서
- angular - 객체에서 배열로 속성 저장
- javascript - Java Script/TestCafe에서 여러 키-값 쌍 배열을 가져 오는 방법
- angular - * ngfor에서 배열의 객체 배열을 표시하는 방법
관련 질문
- javascript : 사용자 인증과 firestore 간의 링크로 uid를 사용하여 reactjs의 firestore에서 현재 사용자 데이터를 가져옵니다. 이 오류가 발생합니다. 다시 렌더링이 너무 많습니다.
- reactjs : 내 이미지가 아직 표시되지 않는 이유는 반응 시 console.log()할 때 Firebase에서 모든 정보가 반환된 것입니다. 이미지 빼고 다 보여
- Firebase 연결 문제, 반응 JS에서는 동일한 code가 작동하지만 반응 네이티브 프로젝트에서는 작동하지 않습니까?
- FlatList는 스크롤하지 않는 네이티브 반응
- reactjs : FirebaseError: 유형 'Ia'를 예상했지만 다음과 같았습니다. 맞춤 Oa 개체
- 동적 SEO 친화적인 Reactjs/Nextjs 및 React Native/React Native Web을 Firebase에서 사용하는 정적 HTML?
- javascript : 플랫리스트 내의 특정 항목에 있는 상태를 변경하려면 어떻게 해야 합니까?
- FlatList ref scrollToIndex는 함수가 아닙니다.
- reactjs : 반응 네이티브의 버튼으로 특정 Firestore 실시간 수신기를 취소하는 방법은 무엇입니까?
- reactjs : 네이티브 Firebase 유형 Android 또는 웹 앱에 반응합니까?
renderItem은 각 배열 항목을 렌더링하는 콜백입니다