Javascript 如何正确初始化状态，然后将数据呈现到页面上

我正在设置我的帐户页面，我需要显示componentDidMount函数之后创建的有效负载。但是，当我设置状态并渲染它时，只有我的电子邮件渲染。如何访问负载的其余部分

从React导入React，{Component}； 从axios导入axios； //导入。。。 //常量样式卡 const StyledDiv=styled.div` 边缘顶部：100px； 右边距：15px； 左边距：15px； `; 类MyAccount扩展组件{ 状态={ 数据：['default'，]， }; 异步组件安装{ 常量有效负载={电子邮件：tynantynan8@gmail.com, 姓名：泰南·麦格雷迪， 姓：， 中间名：， 电话：805240-6258， 地址：梅菲尔大街南407号，}； //var有效载荷=[tynantynan8@gmail.com，泰南·麦格雷迪，，，805 240-6258407南梅菲尔大道]； 等待axios .posthttp://localhost:1234/user/profile，有效载荷 .thenres=>{ 常数数据=分辨率数据； 控制台日志数据； 这是我的国家{ 数据：数据 } }; } 渲染{ 回来 轮廓 {this.state.data.email}

{this.state.data.name}

; } } 导出默认MyAccount； 预期结果，使用this.state.data或类似内容在页面上显示项目

以下是我得到的错误：

对象作为找到的React子对象无效：具有键{u id， 名字，中间名，姓氏，出生日期，电子邮件，地址。如果你 要呈现子对象集合，请改用数组

由于this.state.data是一个对象，因此需要访问对象内的键才能显示它们

例如

{ this.state.data.first_name } 

不能渲染对象 可以渲染的东西是 *弦 *组成部分 *组件数组 *DOM对象 响应中的数据是和对象。 从对象获取所需信息，然后显示它

---

例如：{this.state.data.value}

的可能重复项不要尝试这样直接呈现数据。如您所见，无法渲染对象。单独使用它的属性，如第一个名称、中间名称等。如果它是一个数组，则应映射到它。如何从对象获取所需信息，然后显示它。我的代码在上面