React-Native의 YouTube 구성 요소에 요소 유형이 잘못되었습니다.

반응이있는 기본 앱에서 YouTube 구성 요소를 사용하려고합니다. 그러나 그것은 나에게 오류를주고있다 "요소 유형이 유효하지 않습니다 : 문자열이나 클래스/함수가 필요하지만 객체가 있습니다 .xx의 렌더링 방법을 확인하십시오.React-Native의 YouTube 구성 요소에 요소 유형이 잘못되었습니다.

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> 

    ); 
    } 

    }

이 오류가 발생하는 이유는 무엇인지 알 수 없습니다. 공유하고 싶은 아이디어를 !! (:!. 베스트

출처

2016-07-31 Sungpah Lee