React native 错误:导航器只能包含';屏幕';组件作为其直接子级(找到';[object object]';)。请有人帮忙解决这个错误
尝试了有关堆栈溢出的类似问题的所有可用答案。我是个新来的本地人。谁能告诉我如何处理这个错误 以下是发生此错误的代码文件:-React native 错误:导航器只能包含';屏幕';组件作为其直接子级(找到';[object object]';)。请有人帮忙解决这个错误,react-native,redux,React Native,Redux,尝试了有关堆栈溢出的类似问题的所有可用答案。我是个新来的本地人。谁能告诉我如何处理这个错误 以下是发生此错误的代码文件:- import { Text, ActivityIndicator } from 'react-native'; import TopTab from '../navigation/TopTabNavigation'; import TabDashboardDetail from './TabDashboardDetail'; import { apkStateReducer
import { Text, ActivityIndicator } from 'react-native';
import TopTab from '../navigation/TopTabNavigation';
import TabDashboardDetail from './TabDashboardDetail';
import { apkStateReducer } from '../reducers/ApiStateReducer';
import CognitensorEndpoints from '../services/network/CognitensorEndpoints';
import data from '../dummyData.json';
import { theme } from '../theme';
const DashboardDetail = () => {
const [dashboardsData, dispatchDashboardsData] = useReducer(apkStateReducer, {
dashData: [],
isLoading: true,
isError: false,
});
useEffect(() => {
CognitensorEndpoints.getDashboard({
dispatchDashboards: dispatchDashboardsData,
});
}, []);
return (
<TopTab.Navigator
tabBarOptions={{
scrollEnabled: true,
}}>
{dashboardsData.isError && <Text>Error</Text>}
{dashboardsData.isLoading ? (
<ActivityIndicator size="small" color={theme.colors.primary} />
) : (
<>
{data.tabsConfig.map((item) => {
return (
<TopTab.Screen
key={item.name}
name={item.name}
component={TabDashboardDetail}
initialParams={{
tabsConfig: item,
}}
/>
);
})}
</>
)}
</TopTab.Navigator>
);
};
export default DashboardDetail;
从'react native'导入{Text,ActivityIndicator};
从“../navigation/TopTabNavigation”导入TopTab;
从“/TabDashboardDetail”导入TabDashboardDetail;
从“../reducers/ApiStateReducer”导入{apkStateReducer};
从“../services/network/CogniteSensorEndpoints”导入CogniteSensorEndpoints;
从“../dummyData.json”导入数据;
从“../theme”导入{theme};
常量仪表板详细信息=()=>{
const[dashboardsData,dispatchDashboardsData]=useReducer(apkstate{
dashData:[],
孤岛加载:是的,
伊瑟罗:错,
});
useffect(()=>{
CogniteSensorEndpoints.getDashboard({
dispatchDashboards:dispatchDashboardsData,
});
}, []);
返回(
{dashboardsData.isError&&Error}
{仪表板数据。是否正在加载(
) : (
{data.tabsConfig.map((项)=>{
返回(
);
})}
)}
);
};
导出默认仪表板详细信息;
您正在以Linda Paiste的直接子对象的身份渲染和组件。感谢您的回复。我想在这里的代码中使用错误和加载逻辑,请您建议我可以在代码中进行一些替代或更改,以使其正常工作。我建议将数据获取和错误/加载指示器显示逻辑移到TabDashboardDetail组件中。谢谢Linda Paiste,该建议对我有效