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,该建议对我有效