关于export 和 require（import）的一些技巧和常用方法

多重export

//exportexport const setError = ({dispatch}, error) => {
  dispatch(‘SET_ERROR‘, error)
}
export const showError = ({dispatch}) => {
  dispatch(‘SET_ERROR_VISIBLE‘, true)
}
export const hideError = ({dispatch}) => {
  dispatch(‘SET_ERROR_VISIBLE‘, false)
}

//importimport {setError,showError,hideError} from ‘./xxxx‘;Action.setError//或者import Action from ‘./xxxxx‘;Action.setError

//requirelet abc = require(‘./xxxxx‘);abc.setError()

export default {} 的 方式

注意，1、这里的"default"可以为任何自定义名称、比如abc;

2、require的话还需要加上一个“default”对象，但如果是import的话就不需要。

//exportconst incrementCounter = function ({dispatch,state}){
    dispatch(‘INCREMENT‘)
}

export default {
    incrementCounter
}

//requirelet myAction = require(‘xxxxx‘);myAction.default.incrementCounter()

//importimport myAction from ‘./xxxx‘;myAction.incrementCounter()

exports 和 module.exports

总结下，有两点：

1. 对于要导出的属性，可以简单直接挂到exports对象上
2. 对于类，为了直接使导出的内容作为类的构造器可以让调用者使用new操作符创建实例对象，应该把构造函数挂到module.exports对象上，不要和导出属性值混在一起

exports.str = ‘a‘;
module.exports = function fn() {};