从反应中调用坚实的函数

Question

合同：

pragma solidity ^0.4.19;

contract Info {
  /* some other setters */

  function ageOf(uint256 _tokenId) public view returns (uint256 age) {
        return ages[_tokenId];
  }

  function ownersAddress(uint256 _tokenId) public view returns (address addr);
}

然后，我有了组件：

class Parent extends React.component {
  render () {
    <div>
      <Child />
    </div>
  }
}

和儿童部分：

export class Child extends React.Component {
  render() {
    <div className="age">
      Solidity ageOf() goes here
    </div>
    <div className="owner">
      Solidity ownersAddress() goes here
    </div>
  }
}

我是新的Dapp开发，并努力把这些联系在一起。特别是，如何在React中启动稳固函数，以及如何使组件“查询”Ethereum，以便每当age参数更改时，它都会更新相应的<div>值？

P.S.我用的是马弗斯/加纳奇和松露的反应盒。

Answer 1

查看simpleStorage react示例，它是一个很好的起点，也是我用于框架的地方。然后我开始更换零件和测试。

正在进行的工作是我当前的App.js文件。我实例化了3并从中获取了数据。注意，这仍然是一项正在进行的工作。