时间戳

首页 > 解决方案 > 在 React 中的两个文件之间有一个通信变量

reactjs - 在 React 中的两个文件之间有一个通信变量

问题描述

所以我有一个值会在两个不同的反应文件中改变两个不同的函数。

我希望这个值是一个 var，它在两个文件之间进行通信，并且两者都可以编辑它并查看编辑。

我尝试在file1中做这样的事情：

export default {
    value: false,
};

这在file2中：

import myVar from '../file1';

它似乎运作良好，除了我也无法从 file1 编辑“值”这一事实。

我尝试做所有这些：

this.value = false;
value: false;
value = false;

但是，当然，我在所有这些中都遇到了错误。

那么，有没有办法也可以从 file1 编辑值？或者是否有另一种更好的方法二有这个可以在file1和file2之间读取和编辑的公共变量？

谢谢

标签： reactjs

解决方案

该对象在到达导出语句之前不存在于 file1 中；如果您需要修改其中的对象，则file1需要以某种方式引用它；你可以试试这个方法；

文件1：

const myObject = {
    value: false,
};

// modify the value by this reference
myObject.value = "changed";

export default myObject;

在文件 2 中：

import myVar from '../file1';


// you can also modify it here
myVar.value = 3;

推荐阅读