Reactjs Can'；我不能从地图上得到数据

好吧，我应该是哑巴，第一个控制台日志给我数据，但当我把它通过地图，它显示未定义。我确实做了一些挖掘，但仍停留在这个阶段

从“React”导入React
常量用户=（{Users}:{Users:any}）=>{
返回(
{console.log（用户）}
{users.map（{user}:{user:any}，{i}:{i:any}）=>(
{console.log（“测试：+用户）}
{user.name}
{user.name}
))}
)
};
导出默认用户

假设

用户

是一个用户对象数组，请尝试以下操作：

import React from 'react'

const Users = ({ users } : { users:any }) => {
  return (
    <div>
        { console.log(users) }


      {users.map((user : any, i : any) => (
        <div className="card">
            {console.log("test: " + user)}
          <div className="card-body">
            <h5 className="card-title">{user.name}</h5>
            <h6 className="card-subtitle mb-2 text-muted">{user.name}</h6>
          </div>
        </div>
      ))}
    </div>
  )
};

export default Users

从“React”导入React
常量用户=（{Users}:{Users:any}）=>{
返回(
{console.log（用户）}
{users.map（（user:any，i:any）=>(
{console.log（“测试：+用户）}
{user.name}
{user.name}
))}
)
};
导出默认用户

假设

用户

是一个用户对象数组，请尝试以下操作：

import React from 'react'

const Users = ({ users } : { users:any }) => {
  return (
    <div>
        { console.log(users) }


      {users.map((user : any, i : any) => (
        <div className="card">
            {console.log("test: " + user)}
          <div className="card-body">
            <h5 className="card-title">{user.name}</h5>
            <h6 className="card-subtitle mb-2 text-muted">{user.name}</h6>
          </div>
        </div>
      ))}
    </div>
  )
};

export default Users

从“React”导入React
常量用户=（{Users}:{Users:any}）=>{
返回(
{console.log（用户）}
{users.map（（user:any，i:any）=>(
{console.log（“测试：+用户）}
{user.name}
{user.name}
))}
)
};
导出默认用户

TypeScript可以推断类型，因为您已显式设置了它们：

import React from 'react'

const Users = ({ users } : { users:any }) => {
  return (
    <div>
        { console.log(users) }


      {users.map((user, i) => (
        <div className="card">
            {console.log("test: " + user)}
          <div className="card-body">
            <h5 className="card-title">{user.name}</h5>
            <h6 className="card-subtitle mb-2 text-muted">{user.name}</h6>
          </div>
        </div>
      ))}
    </div>
  )
};

export default Users

从“React”导入React
常量用户=（{Users}:{Users:any}）=>{
返回(
{console.log（用户）}
{users.map（（user，i）=>(
{console.log（“测试：+用户）}
{user.name}
{user.name}
))}
)
};
导出默认用户

TypeScript可以推断类型，因为您已显式设置了它们：

import React from 'react'

const Users = ({ users } : { users:any }) => {
  return (
    <div>
        { console.log(users) }


      {users.map((user, i) => (
        <div className="card">
            {console.log("test: " + user)}
          <div className="card-body">
            <h5 className="card-title">{user.name}</h5>
            <h6 className="card-subtitle mb-2 text-muted">{user.name}</h6>
          </div>
        </div>
      ))}
    </div>
  )
};

export default Users

从“React”导入React
常量用户=（{Users}:{Users:any}）=>{
返回(
{console.log（用户）}
{users.map（（user，i）=>(
{console.log（“测试：+用户）}
{user.name}
{user.name}
))}
)
};
导出默认用户

TypeScript应该能够推断类型，因为您已经在参数中显式地设置了它们。因此，您应该删除

.map

部分中的所有类型注释。（也因为

{i}

和

{user}

正在分解结构，这不是您想要的）为什么要在返回中放置控制台日志？另外，记住用你正在使用的语言标记你的问题。这是打字稿吗？@Mike'Pomax'Kamermans是的，我不知道如何检查我的值。有什么改进的办法吗？只需在返回之前输入您的控制台日志。你没有使用箭头函数来处理任何需要箭头函数的事情（你没有在任何地方引用

这个
），所以只要把它设为普通函数就行了，因为你已经有了块作用域和显式返回语句。@Mike'Pomax'Kamermans没有，但我必须检查映射中用户的值，因为它没有定义，这只是出于测试目的，以便我可以找到哪里出错，但无法解决问题：D因此我要求此处TypeScript应该能够推断类型，因为您已经在参数中显式设置了它们。因此，您应该删除
.map
部分中的所有类型注释。（也因为
{i}
和
{user}
正在分解结构，这不是您想要的）为什么要在返回中放置控制台日志？另外，记住用你正在使用的语言标记你的问题。这是打字稿吗？@Mike'Pomax'Kamermans是的，我不知道如何检查我的值。有什么改进的办法吗？只需在返回之前输入您的控制台日志。你没有使用箭头函数来处理任何需要箭头函数的事情（你没有在任何地方引用
这个
），所以只要把它设为普通函数就行了，因为你已经有了块作用域和显式返回语句。@Mike'Pomax'Kamermans没有，但我必须检查映射中用户的值，因为它没有定义，这只是为了测试的目的，以便我能找到我错在哪里，但无法解决问题：D所以我在这里问你能解释一下吗？我是初学者。顺便谢谢你的帮助！我改变的是
映射（{user}:{user:any}）
当你把一个变量放在花括号中时，它被称为解构。你的意思是从第一个参数中取密钥“user”并将其分配给变量“user”，但是因为你映射到一个对象数组，所以你不需要解构。你能解释一下吗？我是初学者。顺便谢谢你的帮助！我改变的是
映射（{user}:{user:any}）
当你把一个变量放在花括号中时，它被称为解构。因此，您的意思是从第一个参数中获取键“user”，并将其分配给变量“user”，但由于您映射到一个对象数组，因此不需要对其进行分解