Question

我使用的是反应原生的ES6。没有编译时错误，也没有运行时错误。我尝试导入主模块，但我没有任何错误。以下是Main.js文件的以下代码：

'use-strict';
import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';

class Main extends Component {
  render() {
    return (
      <View style={{justifyContent:'flex-start', marginTop: 120}}>
      <Text style={{fontSize:20}}> Testing the router</Text>
      <Text> Testing the router</Text>
      </View>
    );
  }
}

module.exports = Main;

这是我的第一个项目文件。我想导入Main.js文件。

'use-strict';
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  NavigatorIOS
} from 'react-native';
import Main from './Main.js';

export default class FirstProject extends Component {
  render() {
    return (
      <NavigatorIOS
        initialRoute={{
          title: 'App Title',
          component: Main
        }} />
    );
  }
}

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

Answer 1

Node.js风格的单值导出无法正常工作。在那里，您导出单个值而不是对象：module.exports = Main

将其更改为module.exports.Main

更好的语法是使用export default Main

无法导入反应原生自定义模块

1 个答案: