Вызов функций солидности для реагирования - PullRequest
Новая
       6

Вызов функций солидности для реагирования

0 голосов
/ 16 марта 2019

Я новичок в ReactJS & Solidity.Я тестирую веб-интерфейс смарт-контракта на надежность.

Основная цель смарт-контракта состоит в добавлении файлов (описание + хэш) и запросе количества файлов.

Когда я тестирую его с ремиксом, он работает очень хорошо, поэтому проблема в связи между Solidity и React.

Любая помощь? 

import React, { Component } from 'react';
import Layout from '../../components/Layout';
import { Form, Button, Input, Message } from 'semantic-ui-react'
import auction from '../../src/auction';
import web3 from '../../src/web3';

class FileNew extends Component {
  state = {
    description: '',
    hash: '',
    fileCounts: ''
  };

  async componentDidMount() {
    const manager = await auction.methods.manager().call();
    const fileCounts = await auction.methods.FileCounts().call();
    this.setState({ manager, fileCounts });
  }

  onSubmit = async (event) => {
    await auction.methods.addFile(this.setState.description, this.setState.hash);
  }

  render() {
    return (
      <Layout>
     <h1> Create new file </h1>
      <Form >
          <Form.Field>
            <label>desc</label>
            <Input label="First Name" labelPosition="right" value={this.state.description}
             onChange={event =>
               this.setState ({description: event.target.value})}
             />
             <label>hash</label>
             <Input label="Last Name" labelPosition="right" value={this.state.hash}
              onChange={event =>
                this.setState ({hash: event.target.value})}
              />
              <Button type='submit' onClick={this.onSubmit}>Submit</Button>

          </Form.Field>
          <p>The number of files is {this.state.fileCounts}</p>
        </Form>
     </Layout>
    );
  }
}
export default FileNew

1 Ответ

0 голосов
/ 16 марта 2019

В методе onSubmit компонента FileNew свойства его состояния доступны неверным образом из this.setState.

Использовать ... 

onSubmit = async (event) => {
  try {
     await auction.methods.addFile(this.state.description, this.state.hash);
  } catch (e) {
     // Send error to Error reporting service in 
     // production/staging stage or log to console in dev.
     console.error(e);
  }

}
...