reactjs - 取得エラー: TypeError: React + truffle DApp で未定義のプロパティ 'getId' を読み取ることができません

Question

Ganche-GUI とメタマスクが実行されています。しかし、コンソールに次のエラーが表示されます

TypeError: App.componentDidMount で未定義のプロパティ 'getId' を読み取ることができません (App.js:17)

以下はApp.jsコードの私のコードです

import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import getWeb3 from './utils/getweb3';
import CrowdFundingContract from './contracts/CrowdFunding.json';

class App extends Component {
state = {web3: null, accounts: null, contracts: null};

componentDidMount = async () => {
try{
  const web3 = await getWeb3();

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

  const networkId = await web3.eth.net.getId();

  const deployedNetwork = CrowdFundingContract.networks[networkId];

  const instance = new web3.eth.Contract(CrowdFundingContract.abi, deployedNetwork && deployedNetwork.address);

  this.setState({web3, accounts, contract: instance}, this.runExample);
}
catch(error){
  alert('Failed to load web3, accounts and contract, check the console');
  console.error(error);
}
};

}

render() と関数 returnExample はここには入れていません。

私を助けてください