gpt4 book ai didi

javascript - 组件 'div' 的 View 配置 getter 回调必须是一个函数(收到 'undefined' )。确保组件名称以大写字母开头

转载 作者:行者123 更新时间:2023-12-02 20:54:33 25 4
gpt4 key购买 nike

错误是:不变违规:组件“div”的 View 配置 getter 回调必须是一个函数(收到“未定义”)。确保组件名称以大写字母开头。我在尝试从 Firebase 检索数据到 React Native 的表组件(即 ReactTable)时遇到此错误,并且在控制台中查看数据时在控制台中给出一个空数组,因此输出中没有显示任何内容。

import React, { Component } from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import ReactTable from 'react-table';
import firebase from 'firebase';


const firebaseConfig = {
...
};
firebase.initializeApp(firebaseConfig);


export default class Form1 extends Component {
constructor(props) {
super(props);

this.state = {
data: [],
columns: [
{
Header: "email",
accessor: "email"
},
{
Header: "password",
accessor: "password"
}
]
}
}

componentDidMount() {
const data = [];
var query = firebase.database().ref("users");
query.once("value").then((snapshot) => {
snapshot.forEach((childSnapshot, index) => {
let singleObj = {
email: childSnapshot.val().email,
password: childSnapshot.val().password,
}
data.push(singleObj);

if (index === snapshot.length - 1) {
this.setState({ data: data });
}
});
});
}

render() {
return (
<div>
{this.state.data.length > 0 && <ReactTable data={this.state.data} columns=
{this.state.columns} />}
</div>
);
}
}

const styles = StyleSheet.create({
container: { flex: 1, padding: 16, paddingTop: 30, backgroundColor: '#fff' },
head: { height: 40, backgroundColor: '#f1f8ff' },
text: { margin: 6 }
});

最佳答案

有时,当您的组件导入不正确时,就会出现此错误。在我的react-native项目中,FlatList是从react-native-web而不是react-native框架导入的,这导致了上述错误。当我从 react native 框架导入它时,它工作得很好。

关于javascript - 组件 'div' 的 View 配置 getter 回调必须是一个函数(收到 'undefined' )。确保组件名称以大写字母开头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61523161/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com