我正在構建一個用戶流程，以允許用戶輸入他們玩過的視頻游戲的統計數據。我的 react 組件呈現了一個類似于表格的 excel，他們可以在其中手動輸入統計數據（就像一個 excel 電子表格，其中 y 軸是一列球員，x 軸是每個球員的統計數據。當我更新特定玩家的特定統計數據時，每個玩家對該特定統計數據的統計值也會發生變化。例如，如果我將球員 A 更新為 5 個進球，則團隊中的每個其他球員也將有 5 個進球。這不應該發生。首先，我初始化一個 matchStats 對象：initializeMatchStats = (numGames) => {    const {matchInfo} = this.props;    const gameArray = new Array(numGames).fill('');    const matchStats = gameArray.map((game, i) => {        let statsWithKeys = {};        let gameInfo = {};        matchInfo.circuitStats.map(key => {            statsWithKeys[key.toLowerCase()] = 0        })            const players = new Array(matchInfo.playersAllowedInGame).fill({                stats: statsWithKeys            }).map(p => {                return {                    ...p,                    dropdownOpen: false,                    id: Math.random().toString(36)                }            })            gameInfo = {                players,                index: i + 1            }        return gameInfo    })    this.setState({matchStats, numGames, numGamesModalOpen: false, uploadManually: true}, () => console.log('matchStats: ', matchStats))}然后，我更新 matchStats 對象，因為它被用戶更改：updateStatsManually = (val, player, game, header, e) => {        e.preventDefault();        const {matchStats} = this.state;        // matchStats is an array of games in each match. A game is made up of the players (and their respective stats) in the game.        const { matchInfo } = this.props;        const gameToUpdate = matchStats.find(g => g.index === game.index)我希望當我更改給定玩家的一項統計數據的輸入值時，它只會更改該特定玩家的統計數據。但是，它會為每個玩家改變它。我已經搞砸了一段時間，并努力找出我做錯了什么。我認為這可能與如何在 .map 函數中呈現輸入有關，但我嘗試分離測試輸入，結果是相同的。任何幫助表示贊賞！