react-native – React Native – 渲染中没有返回任何内容

发布时间：2020-12-15 20:15:31 所属栏目：百科来源：网络整理

导读：我的应用程序存储在/src/index.js中,但我也有/App.js和/index.js. 我不知道这些之间的区别,我认为这是我得到这个错误的原因. /index.js import { AppRegistry } from 'react-native';import App from './App';AppRegistry.registerComponent('client',() = A

我的应用程序存储在/src/index.js中,但我也有/App.js和/index.js.

我不知道这些之间的区别,我认为这是我得到这个错误的原因.

enter image description here

/index.js

import { AppRegistry } from 'react-native';
import App from './App';
AppRegistry.registerComponent('client',() => App);

/App.js

import App from './src/index';

export default App;

/src/index.js

import React from 'react';
import { AppRegistry } from 'react-native';
import { Provider,connect } from 'react-redux';
import { addNavigationHelpers } from 'react-navigation';

import Navigator from './routes/route';
import store from './store/configureStore';


const App = ({ dispatch,nav }) => {

    <Navigator
        navigation={addNavigationHelpers({
            dispatch,state: nav,})}
    />
};

const mapStateToProps = state => ({
    nav: state.nav,});



const AppWithNavigation = connect(mapStateToProps)(App);

export default () => {

    <Provider store={store}>
        <AppWithNavigation />
    </Provider>

}

我使用create react native package来构建这个项目,然后尝试按照一些指南来实现与redux的反应导航.

解决方法

您的默认导出不返回任何内容：

export default () => {

    <Provider store={store}>
        <AppWithNavigation />
    </Provider>

}

要使用箭头函数返回JSX,您需要使用()=> (< JSX />)或带花括号的等价物:()=> {return(< JSX />)}：

export default () => (    
    <Provider store={store}>
        <AppWithNavigation />
    </Provider>
)

要么：

export default () => {
    return (    
       <Provider store={store}>
           <AppWithNavigation />
       </Provider>
   )
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!