0
私の反応ネイティブアプリでyoutubeコンポーネントを使用しようとしています。しかし、それは私にエラーを与え続けます "要素型が無効です:文字列またはクラス/関数が必要ですが、オブジェクトがあります:オブジェクトxxのレンダリングメソッドを確認してくださいReact-Nativeでyoutubeコンポーネントの要素タイプが正しくありません
react-native-youtubeがインストールされていて、大丈夫です。
"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>
);
}
}
なぜこのエラーが発生するのかわかりません。あなたのアイデアを共有してください! (:! ベスト
感謝の大文字で始まるあなたのコードで
Class
を持っていることは、エラーがなくなっているようだが、私は今のブランクを参照してください。コンポーネントをダブルクリックすると、黒色の背景(四角形のように見える)で縮小されます。コンテンツが表示されない理由はありますか?(: –モジュール?すなわち '反応ネイティブリンク'を実行し、htmlアセットをxcodeプロジェクトにコピーします –
こんにちはコンスタンチン!あなたが言ったように、私は正しくhtmlファイルをxcodeプロジェクトに配置しました。誤って間違ったディレクトリに置く場所がわからない。ありがとう!それは今働きます! (: –