Await продолжает ждать - React, React Router - PullRequest
Новая
       12

Await продолжает ждать - React, React Router

0 голосов
/ 19 ноября 2018

Я использую трюфель React Box. Когда я использую React Router, чтобы открыть компонент. Ожидание в ComponentDidMount ничего не возвращает. Однако после обновления страницы все работает нормально.

Это мой код: 

componentDidMount = async () => {
    try {
        console.log("1");
        const web3 = await getWeb3();
        console.log("2")
        const accounts = await web3.eth.getAccounts();
        const Contract = truffleContract(PrototypeStateContract);
        Contract.setProvider(web3.currentProvider);
        const instance = await Contract.deployed();
        this.setState({ web3, accounts, contract: instance });
    } catch (error) {
      alert(
        `Failed to load web3, accounts, or contract. Check console for details.`
      );
      console.log(error);
    }
};

Если для доступа к компоненту используется реагирующий маршрутизатор «Link to», выводится только «1».

При обновлении одной и той же страницы печатаются как «1», так и «2».

Как я могу решить эту проблему?

1 Ответ

0 голосов
/ 19 ноября 2018

Проблема устранена после внесения этих изменений в getWeb3.js. 

import Web3 from "web3";

const getWeb3 = () =>
  new Promise( async(resolve, reject) => {
    // Wait for loading completion to avoid race conditions with web3 injection timing.
      // Modern dapp browsers...
      if (window.ethereum) {
        const web3 = new Web3(window.ethereum);
        try {
          // Request account access if needed
          await window.ethereum.enable();
          // Acccounts now exposed
          resolve(web3);
        } catch (error) {
          reject(error);
        }
      }
      // Legacy dapp browsers...
      else if (window.web3) {
        // Use Mist/MetaMask's provider.
        const web3 = window.web3;
        console.log("Injected web3 detected.");
        resolve(web3);
      }
      // Fallback to localhost; use dev console port by default...
      else {
        const provider = new Web3.providers.HttpProvider(
          "http://127.0.0.1:9545"
        );
        const web3 = new Web3(provider);
        console.log("No web3 instance injected, using Local web3.");
        resolve(web3);
      }

  });

export default getWeb3;

Я удалил прослушиватель событий, поскольку окно не загружается при доступе по ссылке реакции-маршрутизатора.

...