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

这些并没有解决它，但我弄清楚它是什么：

我的文件有'.jsx'扩展名而不是'.js'

我的应用程序在我将其更改为'.js'后就可以工作了。

如何将类添加到React Native App？

1 个答案: