触发另一个模块导出值 (ReactJS)答案

【问题标题】：Triggering another module export value (ReactJS)触发另一个模块导出值 (ReactJS)
【发布时间】：2019-07-01 20:14:22
【问题描述】：

我正在用 ReactJS 做一个项目

在模块 A 中，我有一个 onClick 事件。 onClick 事件将在模块 A 中执行某些操作并触发另一个模块（称为模块 B）。当模块 B 接收到事件时，它会生成一个随机数并将 var 导出到其他模块。但是，我不知道该怎么做。

这是我的代码

// Module A
somefunction(){
   generatingNumber();
}

//Module B
var number;
export function generatingNumber(){
  //do something to generate the number
  number = generatedNumber;
}
export var number

//Other Module
console.log(number)

每次触发 onClick 事件时都会运行该函数，但数字似乎从未改变。我该如何解决？

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

您需要从函数中返回您的 generatedNumber 值。

// Module A
import {generatingNumber} from 'moduleB';
export function somefunction(){
   return generatingNumber();
}

//Module B
export function generatingNumber(){
  //do something to generate the number
  return generatedNumber;
}


//Other Module
import {somefunction} from 'moduleA';
console.log(somefunction()) // you get number here
or 
import {generatingNumber} from 'moduleB';
console.log(generatingNumber()) // you get number here

【讨论】：

【解决方案2】：

没有为导出动态变量进行导出。

考虑将模块 B 更改为：

//Module B
export function generatingNumber(number){
  newGeneratedNumber = number + 15; //do something to generate the number

  return newGeneratedNumber;
}

【讨论】：