React项目:一个JS文件export函数,另一个JS文件引入

202 阅读1分钟

问题分析

一个JS文件里面内容太多,于是想把一些函数写在外部,然后通过引用再在本文件中调用,需要注意的几个点。
1、需要export 此函数

export const covertEnToCh=(params) =>{
    console.log(params);
    switch (params) {
        case 'awin':
            return 'A队胜';
    }
}

2、引入
<函数名><文件名>

import { covertEnToCh} from './functionSet';

3、调用
调用就不需要写this了,因为是从外部引入的函数。

 {covertEnToCh(result) || ''}

问题总结

React组件生命周期函数中的this指向组件实例;
自定义组件方法的this会因调用者不同而不同;
为了在组件的自定义方法中获取组件实例,需要手动绑定this到组将实例。

调用外部的函数,不对应一个组件实例,自然没有this指针。

参考文档

react事件中的this指向
3、React组件中的this