调用在react js中定义函数的同一组件的一个函数[重复]答案

【问题标题】：Call one function of the same component in which function is defines in react js [duplicate]调用在react js中定义函数的同一组件的一个函数[重复]
【发布时间】：2020-10-04 14:20:32
【问题描述】：

我创建了一个通用 util 文件来编写一些通用基础，如下所示。

export default { 
    a: () => {
        console.log("Hello");
    }

    b: () => {
        this.a();
    }
}

我想把函数调用到函数b中。我尝试了很多东西，但没有一个有效。请帮助我解决这个问题。

【问题讨论】：

使用箭头函数，this 将不考虑该对象，而是考虑上面的上下文。箭头函数使上下文冒泡。改用功能关键字就行了。

标签： javascript node.js reactjs typescript

【解决方案1】：

你绝对可以这样做。

var xxx = { 
    a: () => {
        console.log("Hello");
    },

    b: () => {
        xxx.a();
    }
}
xxx.b();

但我不知道你为什么要这样。

【讨论】：

【解决方案2】：

如你所愿 export 这个 util 功能，所以在 util.js 文件中写入以下代码。

export default class Util{
    a = () => {
        console.log("Hello");
    };

    b = () => {
        this.a();
    }
}

你想在哪里import这个代码，你可以使用如下：

import Util from './util.js'

【讨论】：

【解决方案3】：

您应该尝试以下方法：

    const a = () => {
      console.log("Hey it's A");
    }

    const b = () => {
      a();
      console.log("Hey it's B");
    }

    export { a, b };

【讨论】：