React ES6 中的未定义道具答案

【问题标题】：undefined props in React ES6React ES6 中的未定义道具
【发布时间】：2022-06-30 14:46:34
【问题描述】：

我是 React 新手，我正在尝试使用类似于我在网上找到的教程的道具，但我收到了一个未定义的错误，如底部所示。有没有办法解决这个问题？

import React, { useEffect, useState } from 'react'

import PACK_OF_CARDS from '../utils/packOfCards'

import shuffleArray from '../utils/shuffleArray'

import io from 'socket.io-client'

import queryString from 'query-string'

let socket

const ENDPOINT = "http://localhost:5000"

const Game = (props) => {
    console.log(props)
    const data = queryString.parse(props.location.search)

    // initialize socket state
    const [room, setRoom] = useState(data.roomCode)
    const [roomFull, setRoomFull] = useState(false)
    const [users, setUsers] = useState([])
....

ERROR:
Game.js:17 Uncaught TypeError: Cannot read properties of undefined (reading 'props')
    at Game (Game.js:17:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27451:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)

【问题讨论】：

请显示您在哪里使用Game

标签： reactjs

【解决方案1】：

这很可能是因为您没有将任何东西作为道具传递给组件。您能否通过包含您使用它的方式的 sn-p 来确认这一点？

【讨论】：