我正在構(gòu)建一個用戶流程，以允許用戶輸入他們玩過的視頻游戲的統(tǒng)計數(shù)據(jù)。我的 react 組件呈現(xiàn)了一個類似于表格的 excel，他們可以在其中手動輸入統(tǒng)計數(shù)據(jù)（就像一個 excel 電子表格，其中 y 軸是一列球員，x 軸是每個球員的統(tǒng)計數(shù)據(jù)。當(dāng)我更新特定玩家的特定統(tǒng)計數(shù)據(jù)時，每個玩家對該特定統(tǒng)計數(shù)據(jù)的統(tǒng)計值也會發(fā)生變化。例如，如果我將球員 A 更新為 5 個進球，則團隊中的每個其他球員也將有 5 個進球。這不應(yīng)該發(fā)生。首先，我初始化一個 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)我希望當(dāng)我更改給定玩家的一項統(tǒng)計數(shù)據(jù)的輸入值時，它只會更改該特定玩家的統(tǒng)計數(shù)據(jù)。但是，它會為每個玩家改變它。我已經(jīng)搞砸了一段時間，并努力找出我做錯了什么。我認為這可能與如何在 .map 函數(shù)中呈現(xiàn)輸入有關(guān)，但我嘗試分離測試輸入，結(jié)果是相同的。任何幫助表示贊賞！