Question

我开始使用React。我有一个包含所有逻辑的主文件（App.js），并且在该文件中添加了路由（，，），该路由通过URL与其他文件（仅包含内容）加载了不同的页面。

在App.js构造函数中，我添加了web3包并将其写入变量（窗口，全局变量）中，因为这只是在其他组件文件中获取该变量的一种方法。我不想使用窗口变量，因为每个用户都可以看到。我想使用const / var变量，但要在每个单个组件文件中获取该值，但是我不想加载相同的web3库（或在每个单个组件文件中连接智能合约）。该怎么做？

Answer 1

假设您的意思是web3拥有的一切。在您的组件文件中

import React from 'react';
import Web3 from 'web3';

const ComponentA () => {
    // Do what ever you want with Web3 and react code here
};

export default ComponentA;

如果要创建的web3实例，也许可以在其自己的文件中初始化web3。

您自己的web3_instance.js

import Web3 from 'web3';

const web3Instance = new Web3();

export default web3Instance;

然后将其导入任何组件。

import React from 'react';
import web3Instance from '../path/to/web3instance.js';

const ComponentA () => {
    // Do what ever you want with web3Instance and react code here
};

export default ComponentA;

如何在ReactJS的其他组件中获取变量（const？）值？

1 个答案: