React 中 props 的 useState 未定义

Question

我的用户数据包括一个ID，用户名和一个密码。

我正在尝试将我拥有的数据作为对象数组发送。它使用 .map 注释一一发送，但我想将其作为整个数组发送。这可能吗？来自我的数据库的 json 格式。我想将我的对象作为数组发送到用户表文件。它变得不确定。如何将对象数组作为 props 发送？

function User() {


    const [userList,setUserList] = useState([])
    const [error,setError] = useState(null);

    const getAllUsers = async() =>{ 
        const a = await axios.get(BASE_URL + "/users/all")
        
        setUserList(a.data);
    }
    useEffect(()=>{
        getAllUsers()
        .then(()=>{
            console.log("Users Promise")
        })
        return(
          <div>
            {<UserTable data = {userList} />}
          </div>
        )
      }
   

UserTable.jsx

function UserTable({props}) {
  debugger
const {id,userName,password} = props;  // It comes undefined here.
    
  console.log(props)
}

Answer 1

您正在寻找一个名为

props

的道具：

function UserTable({props}) {
  const {id,userName,password} = props;
  //...
}

但是你正在传递一个名为

data

的道具：

<UserTable data = {userList} />

名称需要匹配。例如：

function UserTable({data}) {
  const {id,userName,password} = data;
  //...
}