为什么我得到"元素类型无效"错误?

时间:2017-08-15 17:13:43

标签: javascript ios reactjs debugging react-native

(long long)num * num我进入unsigned long long模拟器后对我没有意义。我的error组件似乎很好。我无法理解我是如何收到此错误的。我已经清楚地导出了这个组件。我怎样才能摆脱这个错误?

此处iOS

Home.js

此处Home.js

import React from 'react';
import Container from 'native-base';
import {MapContainer} from "../../../components/MapContainer/index";

class Home extends React.Component {

    componentDidMount() {
        this.props.setName();
    }

    render() {
        const region = {
            latitude: 3.146642,
            longitude: 101.695845,
            latitudeDelta: 0.8922,
            longitudeDelta: 0.0421
        }
        return(
            <Container>
                <MapContainer region={region}/>
            </Container>
        );
    }
}

export default Home;

这里是index.js

import React from 'react';
import View from 'native-base';
import MapView from 'react-native-maps';
import styles from './MapContainerStyles';

export const MapContainer = ({region}) => {
    return(
        <View style={styles.container}>
            <MapView
                provider={MapView.PROVIDER_GOOGLE}
                style={styles.map}
                region={region}
            >
            </MapView>
        </View>
    );
}

2 个答案:

答案 0 :(得分:0)

这里有两个出口

import React from 'react';
import View from 'native-base';
import MapView from 'react-native-maps';
import styles from './MapContainerStyles';

//delete export from the next line
export const MapContainer = ({region}) => {
    return(
        <View style={styles.container}>
            <MapView
                provider={MapView.PROVIDER_GOOGLE}
                style={styles.map}
                region={region}
            >
            </MapView>
        </View>
    );

}

export default MapContainer;

答案 1 :(得分:0)

您的MapContainer中有2个导出。

您有一个位于顶部export const MapContainer

你在底部有这个。 export default MapContainer;

现在你需要摆脱一个,但你保留的那个将决定你以后如何导入它。

如果你保留默认导出,那么就像这样导入

import MapContainer from "../../../components/MapContainer/index";

如果您保留非默认导出,则会按如此导入

import {MapContainer} from "../../../components/MapContainer/index";