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

问题分析

一个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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值