title: export module (element type is invalid expected a string )
body: <p>i call to Trafik.js in index page but it doesnt run and i took wrong , i dont know why...</p>
  
  <p>Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of <code>dene1</code>.</p>
  
  <p>1-index.android.js</p>
  
  <pre><code>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  &lt;View style = {[style.container,this.border('red')]} &gt;
  
  {this.header()}
  
  {this.middle()}
  
  {this.footer()}
  
  &lt;Trafik/&gt;
  
          &lt;/View&gt;
  
  }, //render
  
  header:function(){
   return   &lt;View style = {[style.header,this.border('yellow')]}&gt;
   &lt;View style={[style.teklifBtn,this.border('blue')]}&gt;
  &lt;Text&gt;
  Teklifler
  &lt;/Text&gt;
   &lt;/View&gt;
    &lt;View style={[style.mesajBtn,this.border('blue')]}&gt;
    &lt;Text&gt;
  Mesajlar
  &lt;/Text&gt;
   &lt;/View&gt;
  
           &lt;/View&gt;    
  
      },
  middle:function(){
   return   &lt;View style = {[style.middle,this.border('green')]}&gt;
  &lt;Text&gt;
  middle
  &lt;/Text&gt;
           &lt;/View&gt;    
  
  },
  
  footer:function(){
   return   &lt;View style = {[style.footer,this.border('black')]}&gt;
   &lt;TouchableHighlight style={[style.kaskoBtn,this.border('blue')]}&gt;
  &lt;Text&gt;
  kasko
  &lt;/Text&gt;
   &lt;/TouchableHighlight&gt;
    &lt;TouchableHighlight  underlayColor='red'  style={[style.trafikBtn,this.border('blue')]}&gt;
    &lt;Text&gt;
  trafik
  &lt;/Text&gt;
   &lt;/TouchableHighlight&gt;
    &lt;TouchableHighlight style={[style.yanginBtn,this.border('blue')]}&gt;
  &lt;Text&gt;
  yangin
  &lt;/Text&gt;
   &lt;/TouchableHighlight&gt;
    &lt;TouchableHighlight style={[style.seyahatBtn,this.border('blue')]}&gt;
    &lt;Text&gt;
  seyahat
  &lt;/Text&gt;
   &lt;/TouchableHighlight&gt;
  
           &lt;/View&gt;    
  
  },
  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', () =&gt; dene1);
  </code></pre>
  
  <p>2.trafik.js</p>
  
  <pre><code>'use strict';
  
  import React, { Component } from 'react';
  import {
    Text,
    View
  } from 'react-native';
  
  
  var Trafik = React.createClass({
  render : function(){
  return  
  &lt;Text&gt;
  trafik sayfası
  &lt;/Text&gt;
  }
  }) ;//dene1
  
  module.export = Trafik;
  </code></pre>