大家好,我是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感兴趣,欢迎关注我的公众号,加入我们的讨论群: