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

Posted 小幸福_h

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 中定义公共方法常量的主要内容,如果未能解决你的问题,请参考以下文章

常用的ES6方法

ES6-const定义常量

react.js初学笔记

在 ES6 React .JS 中使用 Async/Await

ES6中 const 关键字

如何在 react.js ES6 中使用道具设置状态