Как получить значение переменной (const?) В другом компоненте в ReactJS?

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;