Btukfyl

I have to files and to keep the code clean I went to transfer a very important function, that I will be using in other files to its own file. but I need to call that function in the main file and I don't know how to pass it. Ive been stuck with this for several hours. So I appreciate any thoughts.

This is the file that I want to pass the function too:

import React, { Component } from 'react';

import './App.css';

import ERC20ABI from './blockchain/ERC20ABI.js';

import goweb3 from './blockchain/goweb3.js'

import ethweb3 from './blockchain/ethweb3.js'

import parseAddress from './TokenBalance';







class App extends Component {







deploSC = async () => {

  const accounts = await goweb3.eth.getAccounts();

//const code = ethweb3.eth.getCode(document.getElementById('smartcontract').value); Not working

  goweb3.eth.sendTransaction({

      from: accounts[0],

      data: document.getElementById('scbytecode').value

  }, function(error, hash){

      console.log(error,hash);

  });

}



  render() {

    return (

      <div className="App">

        <header className="App-header">

          <p>

            Enter the smart contract address:

            <input type="text" name="name" placeholder="Smart Contract" value="0" id="smartcontract" className="nice-textbox"/>

            <input type ="text" placeholder="Smart Contract Bytecode" name="name" id ="scbytecode"className="nice-textbox"/>

            <button id="button" onClick={this.address}>Submit!</button>

            <button onClick={this.deploSC}> Deploy Sc</button>

          </p>

        </header>

      </div>

    );

  }

}



export default App;

This is the file where im creating the function:

import ERC20ABI from './blockchain/ERC20ABI.js';

import goweb3 from './blockchain/goweb3.js'

import ethweb3 from './blockchain/ethweb3.js'





  export const parseAddress(){

      var results

      var addresses = ;



      var contractObj = new ethweb3.eth.Contract(ERC20ABI,document.getElementById('smartcontract').value));

        contractObj.getPastEvents(

            'Transfer' || 'allEvents',

            {

                fromBlock: 0,

                toBlock: 'latest'

            },

            function(err,res){

                console.log(err,res);

                results = res

            }

          );

          for(var i = 0; i < 10; i++) {

            addresses.push([results[i].returnValues.from,results[i].returnValues.value]);

          }

          console.log(addresses);

          console.log(addresses.length)

          return addresses

    };

You are trying to import a named export without brackets. If you change your import statement to this it should work:

import { parseAddress } from './TokenBalance';

Alternatively, you can use a default export and you can import without brackets.

See this: https://hackernoon.com/import-export-default-require-commandjs-javascript-nodejs-es6-vs-cheatsheet-different-tutorial-example-5a321738b50f