React Native Appにクラスを追加するにはどうすればよいですか？

Question

私はReact.jsのようにクラスを追加しますが、アプリケーションが実行されるときにそのクラスは存在しないと言います。私が追加しようとしている新しいクラスは、index.ios.jsと同じフォルダにあり、まだそれを見つけられません。 マイindex.ios.js：

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 
import Test from './Test.jsx'; 

export default class TestApp extends Component { 
    render() { 
    return (
     <View> 
     <Test /> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    } 
}); 

AppRegistry.registerComponent('TestApp',() => TestApp); 

**My new class:** 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

export default class Test extends React.Component { 
    render() { 
     return (
      <View> 
       <Text>This is Test.</Text> 
      </View> 
     ) 
    } 

} 
module.exports = Test; 

私はアプリを実行すると、それはコンパイルが、シミュレータで、それはクラスが見つからないことを言います。私が間違っていることはありますか？

Answer 1

これらは、それを解決しませんでしたが、私はそれが何であったかを見つけ出す：

私のファイルは、「.jsファイル

私のアプリは、私が」にそれらを変更し、一度働いていたの代わりに「.jsxの」拡張子を持っていました.js '。