大家好，我是deep，随着项目的深入，基础不足的问题逐渐暴露出来，遇到问题就要解决问题，这也是一个好的学习方式。
在我们写客户端程序的时候，总会有一个常量类，放一些常量，或者静态方法，如何在ReactNative中使用这些呢？
当然主要还是用到export和import。所以这篇文章会做一个简短的介绍。

标准使用格式

标准的使用格式，是export什么名字，import什么名字，举个例子：
我有一个Constant.js文件：

var title = "我的产品";
export {title};
var title2 = "我的产品too";
export {title2 as anotherTitle};

我在其它文件引用的时候：

import {title} from '../util/Constant'

这样我在这个文件使用title，就是我的产品这个字符串

这里要注意，一定要加大括号{}，可能这里有人会问，什么时候不加，为什么很多库使用的时候都没有加，这个往下看，接下来会写到

如果我想使用Constant.js中的title2怎么办？
我们可以看到我们在export title2的时候，已经把它转成另外一个名字了anotherTitle
所以在使用的时候如下:

import {title,anotherTitle} from '../util/Constant'

然后直接使用anotherTitle即可

省略写法

根据上面的介绍可知，如果需要使用的变量很多，一个个导入，岂不是很麻烦，所以，还有一种省略写法：

import * as Constant  from '../util/Constant'

这样就将所有的变量全部导入了，在使用的时候只需：
Constant.title即可，是不是这种写法很熟悉了。

默认模式

这应该是最常用的一种形式了，我们先看一下，我们经常在写一个组件的时候会这样用：

export default class Detail extends Component 

在别的界面中使用这个组件的时候会：

import Detail from './Detail';

这是用这个Detail不用加大括号，也不用也可以是其它名字，为什么呢，因为在export中默认使用了default，这样，即便换个别的名字，只要from这个文件，就会import这个class
所以当我们常量类中属性较多的时候可以这样：

export default {
     title: "我的产品",
     title2 : "我的产品too",

}

在使用的时候：

import  Constant  from '../util/Constant'

然后直接调用Constant.title即可

总结

这次介绍的是工程开发中的一些小技巧，抽出常量的方式，也许对于大多数开发者来说早已掌握，但是对于新手来说，还是很实用的小技巧。

之前文章合集：
Android文章合集
iOS文章合集
ReactNative文章合集
如果你也做ReactNative开发，并对ReactNative感兴趣，欢迎关注我的公众号，加入我们的讨论群：