youtube - React-Native 中 youtube 组件的元素类型无效错误

Question

我正在尝试在我的 react-native 应用程序中使用 youtube 组件。但它一直给我一个错误“元素类型无效:需要一个字符串或一个类/函数但得到:对象。检查xx的渲染方法”

我安装了 react-native-youtube 并且我的 package.json 似乎没问题。

"dependencies": {
    "react": "15.2.1",
    "react-native": "0.30.0",
    "react-native-tabbar-navigator": "^0.3.0",
    "react-native-youtube": "^0.7.2"
  }
}

我的 Main.js 代码如下所示。

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  TextInput,
  View,
  TouchableHighlight,
  ActivityIndicator,
  Image
} from 'react-native';


var YouTube = require('react-native-youtube');



Class Main extends Component {


render() {
    return (

      <View style={styles.container}>

        <YouTube
        ref="youtubePlayer"
        videoId="KVZ-P-ZI6W4" 
        play={true}           
        hidden={false}        
        playsInline={true}    
        loop={false}          
        onReady={(e)=>{this.setState({isReady: true})}}
        onChangeState={(e)=>{this.setState({status: e.state})}}
        onChangeQuality={(e)=>{this.setState({quality: e.quality})}}
        onError={(e)=>{this.setState({error: e.error})}}
        onProgress={(e)=>{this.setState({currentTime: e.currentTime, duration: e.duration})}}

        style={{alignSelf: 'stretch', height: 300, backgroundColor: 'black', marginVertical: 10}}/>

</View>

    );
    }

    }

我真的不知道为什么会发生这个错误。请分享您的任何想法! (:
最好的

Answer 1

使用import YouTube from 'react-native-youtube';而不是 var YouTube = require('react-native-youtube');
此外，您还有 Class在您的代码中以大写而不是 class 开头