请对结合Redux Thunk的React组件异步请求代码进行中文翻译

我来帮你把这段代码加上清晰的中文注释，所有技术术语和代码结构都保持不变：

// 组件挂载完成后，触发props中的fetchAccountData（Redux Thunk异步Action）获取账户数据
componentDidMount() { 
  this.props.fetchAccountData(); 
}

// 组件渲染方法
render() { 
  // 从Redux映射过来的accountData props中解构出accounts数组
  const { accounts } = this.props.accountData; 
  // 取出第一个账户的保单摘要信息
  policyDetailsInfo = accounts[0].policy_summary; 
  // 取出第一个账户的完整详情
  accountDetails = accounts[0]; 
  // 渲染Account子组件，传入账户详情和保单详情作为props
  return ( 
    <div> 
      <Account accountDetails={accountDetails} policyDetails={policyDetailsInfo} /> 
    </div> 
  ) 
}

// mapStateToProps：将Redux Store中的accountData状态映射到组件的props中
const mapStateToProps = state => ({ accountData: state.accountData });

// mapDispatchToProps：将fetchAccountData这个Thunk异步Action Creator绑定到组件的props中
const mapDispatchToProps = { fetchAccountData };

// 使用connect方法连接Redux与React组件，导出最终的容器组件
export default connect(mapStateToProps, mapDispatchToProps)(Account...)

内容的提问来源于stack exchange，提问作者amitpowerpeace