Javascript getUsers函数在浏览器中获取，但不显示

我从我以前做过的后端制作了一个get Users函数（React/Laravel）（我在Vue项目中使用了相同的后端）

在console.log（response.data）和console.log（this.state.alunos）中，我得到了数组（1）数据：数组（1） 0:{id:1，nome:“玛丽”…}

但是没有出现在浏览器中，我得到这个错误：uncaughttypeerror:无法读取未定义的属性“map”

错误出现在“this.props.alunos.map”中：

---

在访问HTML/JSX元素内部时，应该从

aluno

对象访问数据

{this.state.servicios.map(aluno => {
  return (
    <tr key={aluno.id}>
        <td>{aluno.id}</td>
        <td>{aluno.nome}</td>
    </tr>
  )
})}

{this.state.servicios.map（aluno=>{
返回(
{aluno.id}
{aluno.nome}
)
})}

在访问HTML/JSX元素内部时，应该从

aluno

对象访问数据

{this.state.servicios.map(aluno => {
  return (
    <tr key={aluno.id}>
        <td>{aluno.id}</td>
        <td>{aluno.nome}</td>
    </tr>
  )
})}

{this.state.servicios.map（aluno=>{
返回(
{aluno.id}
{aluno.nome}
)
})}

由于在

setState

调用中将其分配给

alunos

，因此必须使用

this.state.alunos

访问它。您还需要在

map（）

中的任何地方使用

aluno

，因为这是您的输入变量

结果是：

{this.state.alunos.map(aluno => {
    return (
        <tr key={aluno.id}>
            <td>{aluno.id}</td>
            <td>{aluno.nome}</td>
        </tr>
    )
})}

---

如果（且仅当）所有代码都在一个组件中，则上述情况成立

如果有一个子组件执行

.map（）

，而父组件执行

getUsers（）

调用，则需要将

this.state.alunos

数组作为属性从父组件传递给子组件：

<Child alunos={this.state.alunos} />

---

然后在子对象中使用

this.props.alunos.map（..）

，因为它现在是一个来自外部的参数。

既然您在

setState

调用中将它分配给

alunos，您必须使用
this.state.alunos
访问它。您还需要在
map（）
中的任何地方使用
aluno
，因为这是您的输入变量

结果是：

{this.state.alunos.map(aluno => {
    return (
        <tr key={aluno.id}>
            <td>{aluno.id}</td>
            <td>{aluno.nome}</td>
        </tr>
    )
})}


如果（且仅当）所有代码都在一个组件中，则上述情况成立

如果有一个子组件执行
.map（）
，而父组件执行
getUsers（）
调用，则需要将
this.state.alunos
数组作为属性从父组件传递给子组件：

<Child alunos={this.state.alunos} />



然后在子级中使用
this.props.alunos.map（..）
，因为它现在是一个来自外部的参数。
当我将“data”从“this.state.data.map…”更改为“data”时，我得到一个错误类型错误：this.state.alunos.map不是函数。这两种情况我都做了，但都不起作用：/I我将用变量编辑文本。我更新答案，请查看是否适用。我在父getUsers（）中更改为“this.state.alunos=response.data”；当我使用console.log（this.state.alunos）时，数组就在那里。在子级中，当我更改为{this.props.alunos.map…}时，我得到一个错误：“UncaughtTypeError:无法读取undefined的属性'map'。我将用changesAh编辑帖子，这是axios
响应中的
数据
属性。数据
对象。。。错过了，很高兴您找到了。当我将“data”从“this.state.data.map…”更改为“data”时，我得到一个错误类型错误：this.state.alunos.map不是函数。这两种情况我都做了，但都不起作用：/I我将用变量编辑文本。我更新答案，请查看是否适用。我在父getUsers（）中更改为“this.state.alunos=response.data”；当我使用console.log（this.state.alunos）时，数组就在那里。在子级中，当我更改为{this.props.alunos.map…}时，我得到一个错误：“UncaughtTypeError:无法读取undefined的属性'map'。我将用changesAh编辑帖子，这是axios
响应中的
数据
属性。数据
对象。。。错过了，很高兴你发现了，我尝试了，但是当我更改“数据”时，我得到了错误：TypeError:无法读取undefinedI的属性“map”将使用变量编辑文本我尝试了，但是当我更改“data”时，我得到了错误：TypeError:无法读取undefinedI的属性“map”将使用变量编辑文本
<Child alunos={this.state.alunos} />