ES6+react.js 中定义公共方法、常量

ES6+react.js 中定义公共方法、常量

1、公共方法

1.1 constantFunction.js 文件(不用写class域中)

// 解析时间 将时间戳变成可读的string 
const parseTime = (text)=>{
    if(!!text && typeOf(text) === ‘number‘){
		let createDate = new Date(text);
		let createTime = createDate.getFullYear() + ‘-‘ + (createDate.getMonth()+1)+
			‘-‘+ createDate.getDate()+‘-‘+ createDate.getHours()+‘:‘+ 
			createDate.getMinutes() + ‘:‘ + createDate.getSeconds();
		return createTime
	}
}
const demo1 = (text)=>{
    console.loog(‘demo1‘, text)
}
/// 导出
export {parseTime,demo1}

1.2 constantFunction.js 文件中方法的使用

import REact from ‘react‘
import {parseTime,demo1} from ./constantFunction.js

class demo extends React.Component{
    handleDemo=()=>{
        const text = Date.parse(new Date());// 获取当前时间戳 1595326484000
        console.log(‘handleDemo‘, parseTime(text) ) 
        //打印:  handleDemo,2020-7-21-18:14:44
    }
}

2、 常量

2.1 Constant.js文件:

const prefix =‘prefix1‘;//  常量

// 常量1
const namespaces1 = {
	NAMESPANCE_NAME: `${prefix}_name` ,
	NAMESPANCE_MENU: ‘abcdefg‘ ,
};

// 常量2
const namespaces2 ={
	NAMESPANCE_NAME2: `${prefix}_name2` ,
	NAMESPANCE_MENU2: `${prefix}_MENU2` 
};

export default Object.assign({},
	namespaces,namespaces2 // 所有的变量都在这里export导出 多个用逗号隔开
)

2.2 constant.js 文件中常量的引用:

import REact from ‘react‘
import Constant from ./constant.js

class demo extends React.Component{
    handleDemo=()=>{
        console.log(‘constant.NAMESPANCE_NAME‘, Constant.NAMESPANCE_NAME ) 
        //打印:  prefix1_name
    }
}


ES6+react.js 中定义公共方法、常量

上一篇:jquery绑定click事件出现点击一次执行两次的问题


下一篇:jmeter json提取与使用