-1
私は...エクスポートモジュール（要素の型が文字列を無効と予想される）
要素タイプが無効である理由を知らない、私はインデックスページでTrafik.jsに呼び出すが、それは実行のdoesntと私は間違ってました：予想A文字列（組み込みコンポーネントの場合）またはクラス/関数（複合コンポーネントの場合）が取得：オブジェクト。レンダリング方法がdene1であることを確認します。
1-index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight,
Navigator
} from 'react-native';
import Trafik from './Trafik'
var dene1 = React.createClass({
render : function(){
return <View style = {[style.container,this.border('red')]} >
{this.header()}
{this.middle()}
{this.footer()}
<Trafik/>
</View>
}, //render
header:function(){
return <View style = {[style.header,this.border('yellow')]}>
<View style={[style.teklifBtn,this.border('blue')]}>
<Text>
Teklifler
</Text>
</View>
<View style={[style.mesajBtn,this.border('blue')]}>
<Text>
Mesajlar
</Text>
</View>
</View>
},
middle:function(){
return <View style = {[style.middle,this.border('green')]}>
<Text>
middle
</Text>
</View>
},
footer:function(){
return <View style = {[style.footer,this.border('black')]}>
<TouchableHighlight style={[style.kaskoBtn,this.border('blue')]}>
<Text>
kasko
</Text>
</TouchableHighlight>
<TouchableHighlight underlayColor='red' style={[style.trafikBtn,this.border('blue')]}>
<Text>
trafik
</Text>
</TouchableHighlight>
<TouchableHighlight style={[style.yanginBtn,this.border('blue')]}>
<Text>
yangin
</Text>
</TouchableHighlight>
<TouchableHighlight style={[style.seyahatBtn,this.border('blue')]}>
<Text>
seyahat
</Text>
</TouchableHighlight>
</View>
},
border:function(color){
return {
borderColor : color,
borderWidth: 4
}
},
}) ;//dene1
var style = StyleSheet.create({
container :{
flex:1,
},
header : {
flex :0.9,
flexDirection:'row',
},
middle : {
flex :3,
flexDirection:'row',
justifyContent:'center',
alignItems: 'center',
},
footer:{
flex :4,
flexDirection:'column',
},
teklifBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
backgroundColor:'red'
},
mesajBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
},
kaskoBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
},
trafikBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
},
yanginBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
},
seyahatBtn:{
flex :1,
justifyContent:'center',
alignItems: 'center',
},
})
AppRegistry.registerComponent('dene1',() => dene1);
2.trafik.js
'use strict';
import React, { Component } from 'react';
import {
Text,
View
} from 'react-native';
var Trafik = React.createClass({
render : function(){
return
<Text>
trafik sayfası
</Text>
}
}) ;//dene1
module.export = Trafik;
Trafik最後の行でこれを試してみてください。それが役立つかどうか確認してください –
私はどのようにtrafik.jsで書くのですか？輸出デフォルト= Trafik;またはmodule.export.default = Trafik;または.... –
デフォルトのトラフィックをエクスポートします。このように –