react-native - 如何修复“不变违规：AppRedux(...)：渲染没有返回任何内容。”

Question

//App.js

import {createDrawerNavigator,createAppContainer} from 'react-navigation'
import Homescreen from './src/pages/homeSceen/Home'
import Userscreen from './src/pages/User';
import Login from './src/pages/login/login'

const MyDrawerNavigator = createDrawerNavigator({
  login:Login,
  Home:Homescreen,
  Users:Userscreen
},{
  drawerType:'slide'
});

export default createAppContainer(MyDrawerNavigator);

import {AppRegistry} from 'react-native';
import App from './App';
import React from 'react'
import Provider from 'react-redux'
import {createStore,applyMiddleware} from 'redux'
import promiseMiddleware from 'redux-promise'
import reducers from './src/store/reducers'
const createStoreWithMiddleware= applyMiddleware(promiseMiddleware)(createStore)
const AppRedux=()=>{
    <Provider store= {createStoreWithMiddleware(reducers)}>
    <App/>
    </Provider>
    
}
AppRegistry.registerComponent('react01',()=>AppRedux);

我正在将 redux 添加到我的登录应用程序中，为此，我在一个工作应用程序中使用了提供程序，突然发生了这个错误。

我也试过

 import {AppRegistry} from 'react-native';
 import App from './App';
 import React from 'react'
 import Provider from 'react-redux'
 import {createStore,applyMiddleware} from 'redux'
 import promiseMiddleware from 'redux-promise'
 import reducers from './src/store/reducers'
 const createStoreWithMiddleware= applyMiddleware(promiseMiddleware)(createStore)
 const AppRedux=()=>{
     <Provider store= {createStoreWithMiddleware(reducers)}>
     <App/>
     </Provider>

 }
 AppRegistry.registerComponent('react01',()=>AppRedux);

预期成功构建，但导致错误。

标签： react-native

Answer 1

你忘了穿上return你的AppRedux功能

const AppRedux=()=>{
    return (
    <Provider store= {createStoreWithMiddleware(reducers)}>
    <App/>
    </Provider>
    )
}