将 App 包含在 Context 中后，屏幕未呈现任何内容答案

【问题标题】：After enclosing App inside Context, screen is not rendering anything将 App 包含在 Context 中后，屏幕未呈现任何内容
【发布时间】：2021-07-27 16:50:46
【问题描述】：

我正在尝试构建一个带有上下文的反应原生博客应用程序以将数据传输给任何孩子这是我的 App.js

    import * as React from 'react';
    import { View, Text } from 'react-native';
    import { NavigationContainer } from '@react-navigation/native';
    import { createStackNavigator } from '@react-navigation/stack';

    import IndexScreen from './src/screens/IndexScreen';
    import { BlogProvider } from './src/context/BlogContext';

    const Stack = createStackNavigator();

    const App = () => {
    return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName='Index'>
        <Stack.Screen name="Index" component={IndexScreen} options={{title: 'Blogs'}}/>
      </Stack.Navigator>
    </NavigationContainer>
    );
    }

    //export default App;

    export default () => {
    return (
    <BlogProvider>
      <App/>
    </BlogProvider>
    )
    }

这是我的 BlogContext.js

import React from 'react'

const BlogContext = React.createContext();
//const BlogContext = NavigationContext;

export const BlogProvider = ({ childern }) => {
    return (<BlogContext.Provider>
        {childern}
    </BlogContext.Provider>
    )
}

export default BlogContext;

索引.js

import React from 'react'
import { View, Text, StyleSheet } from 'react-native'

const IndexScreen = () => {
    return (
        <View>
            <Text> index screen</Text>
        </View>
    )
}

const styles = StyleSheet.create({});

export default IndexScreen;

它在我的 ios 模拟器上呈现空白，如果我没有将 App 包含在 BlogProvider 中，它会成功呈现。我正在尝试使用 udemy 学习本机反应，不确定上下文如何工作，任何帮助将不胜感激，谢谢

【问题讨论】：

标签： reactjs react-native

【解决方案1】：

你拼错了children，所以BlogProvider实际上没有渲染任何东西。

【讨论】：

没问题-介意接受答案吗？