應用程序.js：import './App.css';import HttpService from '../services/http-service'import React, { Component } from 'react';const http = new HttpService()class App extends Component {  constructor(props){    super(props)    this.state = {accounts: ""}    this.loadData = this.loadData.bind(this)  }    loadData = () => {    http.getAccounts().then(res =>{      this.setState({accounts: res})      console.log(this.accounts)      return res    }, err => {console.log(err)})  }     render() {return (    <div className="container">      <h1 className="title">Retail API</h1>        <DisplayAcc accounts = {this.accounts} />    </div>  )}}export default App;在 DisplayAcc 上，我的構造函數中有一個 console.log(this.props.accounts) 。輸出未定義。我應該怎么辦？我嘗試添加這些行：componentDidMount(){    this.loadData = this.loadData.bind(this)  }仍然未定義。請指出錯誤，或者如果您有任何建議/最佳實踐，我將非常感激，因為我對此很陌生。謝謝！