React Native的import和export的使用

之前我们引入和导出一个模块通常是这样的。

在a.js中这样写

module.exports = {
变量1，
变量2，
变量3…
}
其中，变量1,2,3…可以是函数，变量，常量等等

在b.js中这样写

var x = require(“./a.js”);
使用（x.变量123）来访问相应的a.js中抛出的变量。

common.js不能在浏览器上直接运行，根本原因是浏览器不支持module、exports、require等等关键字。
如果想在浏览器中表示，有插件可以解决这样的问题。

但是现在我们这样使用：
import Child from ‘./example’

export {
alert,
SimpleAlertExampleBlock
};
export default SimpleAlertExampleBlock;

我们现在多出了默认导出。export default，default的英文意思就是默认的意思，我们在使用的时候默认导出一个“变量”。

react-native中，我们的时间是这样了，使用import导入，使用export导出。
我们需要把react和react-dom两个模块导入：
import React，{ Component } from “react”；
import { render } from “react-dom”;

然后我们抛出一个组件
render（,document.getElementById(“root”)）;
但是我们现在还缺少Main组件，所以必须把Mian组件导入：
import Mian from “./Main.js”;
root是index.html定义个一个id名。代表在id名为“root”的盒子中我们进行单页面应用的开发。

一个Main组件的代码块是这样的：

import React,{ Component } from "react";import { View, Text} from "react-native";import PropTypes from "prop-types";import { connect } from "react-redux"import styles from "../css/Common.css";export default class App extends Component {    render(){        return (            <View className={[styles.container]}>                <Text>hello!Mapbar_front!</Text>            </View>        )    }}

<完>