Elementtyp ist ungültig: eine Zeichenkette erwartet, aber bekam: Objekt

Question

"Element type is invalid: expected a string (for built-in components) or a class/function (for composite components but got: object. Check the render method of AppContainer.

ich die Störung erhalte, die zunächst in einem Tutorial Video hier gezeigt wurde:

https://youtu.be/6zVGVHWklg8?t=6m1s

Die Datei korrekt „genannt wurde/app/containers/ApplicationTabs/index.ios.js "und der Dateiinhalt ist genau so wie im Tutorial gezeigt.

Allerdings, wo die App im Video arbeitete, sobald ApplicationTabs "verbunden" war, bekomme ich immer noch den obigen Fehler, nachdem ich das selbst gemacht habe.

Ich benutze eine neuere Version von vielen der react/react-native/redux Module. Ich bin mir nicht sicher, ob die Konvention, Dateien mit OS-spezifischen Namen zu verwenden, die Art und Weise beeinflussen würde, wie sie importiert werden müssen.

Unten ist meine package.json Abhängigkeit:

"dependencies": { 
    "react": "15.4.2", 
    "react-native": "0.40.0", 
    "react-redux": "^5.0.2", 
    "redux": "^3.6.0", 
    "redux-logger": "^2.7.4", 
    "redux-thunk": "^2.2.0" 
} 

Dies ist der Inhalt von "/app/containers/ApplicationTabs/index.ios.js":

import { View, TabBarIOS, TabBarItemIOS } from 'react-native'; 
import React, { Component } from 'react'; 
import { connect } from 'react-redux'; 

class ApplicationTabs extends Component { 
    render() { 
    return (<View />); 
    } 
} 

function mapStateToProps(state) { 
    return { }; 
} 

export default connect(mapStateToProps)(ApplicationTabs); 

Dies ist der Inhalt von "/app/containers/AppContainer.js":

import React, {Component} from 'react'; 
import {connect} from 'react-redux'; 
import {ActionCreators} from '../actions'; 
import {bindActionCreators} from 'redux'; 
import ApplicationTabs from './ApplicationTabs'; 

class AppContainer extends Component { 
    render() { 
    return (<ApplicationTabs { ...this.props } />) 
    } 
} 

function mapDispatchToProps(dispatch) { 
    return bindActionCreators(ActionCreators, dispatch); 
} 

export default connect(() => { return {} }, mapDispatchToProps)(AppContainer); 

Answer 1

Bitte überprüfen Sie die reagieren-redux Tutorial: http://redux.js.org/docs/basics/UsageWithReact.html Vielleicht wird das helfen.

Der Container wird durch die Connect-Funktion dargestellt und Sie sagen ihm, welche Komponente er enthalten soll.