Javascript 需要在前端显示阵列列表

Javascript 需要在前端显示阵列列表,javascript,arrays,reactjs,Javascript,Arrays,Reactjs,我试图使用map函数javascript显示列表,但出现了一个错误:“TypeError:无法读取未定义的属性‘map’” import React,{Component}来自“React” 从“./常量”导入常量 从“axios”导入axios 类Home扩展了React.Component{ 建造师(道具){ 超级(道具) 此.state={ 值:0, 结果:{}, } this.handleClick=this.handleClick.bind(this) this.input=React

我试图使用map函数javascript显示列表,但出现了一个错误:“TypeError:无法读取未定义的属性‘map’”

import React,{Component}来自“React”
从“./常量”导入常量
从“axios”导入axios
类Home扩展了React.Component{
建造师(道具){
超级(道具)
此.state={
值:0,
结果:{},
}
this.handleClick=this.handleClick.bind(this)
this.input=React.createRef()
}
handleClick=事件=>{
this.setState({value:this.input.current.value})
event.preventDefault()
}
componentDidMount(){
console.log('component未装载')
常数=这个
axios.get()https://reqres.in/api/users,然后(函数(响应){
that.setResults(response.data)
})
}
设置结果(数据){
this.setState({results:data})
}
render(){
让newvalue=this.state.value
设obj=this.state.results
控制台日志(obj)
让最晚的价值=
常量.MONTHS[newvalue]==null
“无效月份”
:常量.月份[新值]
返回(
欢迎访问我的投资组合网站
{obj.data.map(emp=>(
))}
输入月份号
{' '}
提交{'}
请随意浏览,了解更多关于我的信息

月份为{latestvalue} ) } } 导出默认主页
需要显示DOM上的所有名字。
我只需要显示该对象数组中的名字,还可以向我推荐最适合使用显示数据的Javascript函数。

初始化状态时,需要描述对象的完整形状,以便TypeScript理解它

results : {
  obj: {
    data: null
  }
}

初始化状态时,需要描述对象的完整形状,以便TypeScript理解它

results : {
  obj: {
    data: null
  }
}

尝试更新以下行块可能会对您有所帮助:

{obj && obj.data && obj.data.map(emp =>
   <tr>
     <td> {emp.first_name}</td>
   </tr>
)}
{obj&&obj.data&&obj.data.map(emp=>
{emp.first_name}
)}

尝试更新以下行块可能会对您有所帮助:

{obj && obj.data && obj.data.map(emp =>
   <tr>
     <td> {emp.first_name}</td>
   </tr>
)}
{obj&&obj.data&&obj.data.map(emp=>
{emp.first_name}
)}

只是为了确认
响应。数据是数组吗?当您
console.log(obj)
看到什么?您的
obj.data
未定义或为空。在访问该属性之前,请确保已设置该属性。您在上面有一个
console.log(obj)
5行生成错误的代码。看看你的控制台@adam.k我在控制台中得到对象数组。@Rohan如果你在控制台中看到一个
数组
,它告诉我你的常量
obj
是数组而不是对象。因此,没有可用的
数据
属性,这就是您得到错误的原因。尝试
{obj.map(emp…
确认
响应。数据
是一个数组?当您
console.log(obj)
看到什么?您的
obj.data
未定义或为空。请确保在访问它之前设置了此属性。您有
console.log(obj)
5行以上错误产生的地方。看看你的控制台!@adam.k我在控制台中得到对象数组。@Rohan如果你在控制台中看到一个
数组
,它告诉我你的常量
obj
是一个数组而不是一个对象。因此没有可用的
数据
属性,这就是你得到它的原因g出现错误。请尝试
{obj.map(emp…