Question

我正在使用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事件触发器上运行，但数量似乎从未改变。我该如何解决？

Answer 1

导出不是用于导出动态变量的。

考虑将模块B更改为此：

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

  return newGeneratedNumber;
}

Answer 2

您需要从函数返回您的generateNumber值。

// 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

触发另一个模块导出值（ReactJS）

2 个答案: