Solutions

Stage 10: Transfer Tokens

Video Tutorial

  1. Add the transferAmount and transferUser to the app’s state, line 28 & 29.
transferAmount: '',
transferUser: '',
  1. Add the React transfer tokens form component, line 128-139.
<div>
  <h3>Transfer Tokens</h3>
  <TextField floatingLabelText="User to transfer tokens to." style={{width: 400}} value={this.state.transferUser}
    onChange={(e, transferUser) => { this.setState({ transferUser }) }}
  />
  <TextField floatingLabelText="Amount." style={{width: 100}} value={this.state.transferAmount}
    onChange={(e, transferAmount) => { this.setState({ transferAmount })}}
  />
  <RaisedButton label="Transfer" labelPosition="before" primary={true}
    onClick={() => this.transfer(this.state.transferUser, this.state.transferAmount)}
  />
</div>
  1. Complete the transfer method to send the transfer transaction, line 94-96.
const sender  = this.web3.eth.accounts[this.state.defaultAccount];
const transactionHash = await this.state.token.transfer(user, amount, { from: sender });
console.log(transactionHash);