Javascript 如何[What is correct syntax]读取React中Json响应的嵌套属性

我正试图显示下面响应对象中的

tinyui

值，该对象是我通过内部spring引导API从第三方confluence API接收的

例如，高级视图是：

 "confluence-api"<--"spring-boot-api"<--"react-app"<---"user"

但是在我的react应用程序中

import React，{Component}来自“React”；
从“axios”导入axios；
类连接扩展组件{
状态={
一些：[]，
结果：[]，
};
componentDidMount（）{
const title=“sometext”
axios.get(`http://localhost:xxxx/api/PageByTitle?title=${title}`，
{
标题：{
“内容类型”：“应用程序/json”，
}})
。然后（（res）=>{
this.setState（{some:res.data？res.data:[]}）
this.setState（{results:res.data.results？res.data.results:[]））
console.log（this.state.some）
log（this.state.some.results）
})
.catch（err=>console.log（err））
}
渲染（）{
返回(
{this.state.results.map(
（结果）=>{result.\u links.tinyui}

)}
)
}
}
导出默认连接；

在webstorm中读取嵌套对象的正确语法是

{this.state.results.map((result)=><p key = {result.id}>{result['_links']['tinyui']}</p>)}

{this.state.results.map（（result）=>
{result[''u links']['tinyui']}
）}

---

您的示例数据将tinyui显示为空字符串或未定义-因此它不会显示任何内容。这就是你所说的“不起作用”吗？您是否在控制台中看到任何错误？首先，请参阅：然后，您不需要检查

res.data

，axios应始终在成功请求时提供该属性。您还可以使用多个属性调用一次

setState

，而不是每次使用单个属性多次调用。然后，请提供一个清晰的说明，说明什么不起作用，以及你预期会发生什么。如果WebStorm中的警告困扰着你，只需回答即可。他们通常很难解析不同的库，比如React，它管理后台的状态。使用括号表示法不仅会隐藏警告，还会污染代码。