Реагировать Native Компонент не работает проверка визуализации метод App

Question

я использую Реагировать Native для построения Android App

Я пытаюсь импортировать компоненты в index.android.js файл из папки, расположенной в app/container/AppContainer.js.

Когда я запускаю код я получил Тхи ошибку:

Тип элемента недействителен: ожидается строка (для встроенных компонентов) или класса/функции (для составных компонентов), но получил не определено. Проверьте метод визуализации App

это мой index.android.js файл:

import React, { Component } from 'react'; 

import { createStore,Provider, applyMiddleware, combineReduxers, compose } from 'redux'; 
import thunkMiddleware from 'redux-thunk'; 
import createLogger from 'redux-logger'; 


import { AppRegistry } from 'react-native'; 
import { expect,assert } from 'chai'; 

import reducer from './app/reducers'; 
import AppContainer from './app/containers/AppContainer' 

const loggerMiddleware = createLogger({ predicate: (getState,action) => __DEV__ }); 

function configureStore (initialState) { 
const enhancer = compose(
     applyMiddleware(
     thunkMiddleware, 
     loggerMiddleware, 
    ), 
    ); 
    return createStore(reducer, initialState, enhancer); 
} 

const store = configureStore({}); 



const App =() => (
    <Provider store={store}> 
    <AppContainer /> 
    </Provider> 
) 

AppRegistry.registerComponent('Appetizing',() => App); 

и это мой AppContainer.js файл:

import React, { Component } from 'react' 
import ReactNative from 'react-native' 
const { 
    View, 
    Text, 
} = ReactNative 

class AppContainer extends Component{ 

render(){ 
    return <View> 
    <Text style={{marginTop: 20}}> 
    I am app container 
    </Text> 
    </View> 
    } 

} 


export default AppContainer 

Answer 1

Ваша проблема в этой строке:

import { createStore,Provider, applyMiddleware, combineReduxers, compose } from 'redux';

Путь именованные импорта работать в ES6 является то, что если имя не существует, она просто инициализируется как undefined, и поэтому при попытке отдать <Provider>, отреагировать на жалобы.

Provider, который вы ищете, находится внутри пакета react-redux, который вы должны установить в дополнение к redux. Ваш код должен выглядеть так:

import { createStore, applyMiddleware, combineReduxers, compose } from 'redux'; 
import {Provider} from 'react-redux'; 

Answer 2

Попробуйте После в AppContainer.js.

import React, { Component } from 'react' 
import ReactNative from 'react-native' 
const { 
    View, 
    Text, 
} = ReactNative 

export default class AppContainer extends Component{ 

render(){ 
    return <View> 
    <Text style={{marginTop: 20}}> 
    I am app container 
    </Text> 
    </View> 
    } 

} 

Answer 3

Попробуйте обновить свое приложение до этого.

const App = React.createClass({ 
    render: function() { 
    return (
     <Provider store={store}> 
     <AppContainer /> 
     </Provider> 
    ) 
    } 
});