多个组件减慢了其他组件的速度

Question

这是我的GameMap组件渲染（）：

    var gm = this.props.game;
    const drawMap = () => {
        if(gm.status==3) {
            return(
                gm.grid.map((gridRow, row) => {
                    return(
                        <div key={row} className="flex-row gameMap-row">
                            {gridRow.map((tile, col) => {
                                return <GameMapBlock key={col} X={col} Y={row} tile={tile} />
                            })}
                        </div>
                    );
                })
            );
        } else {
            return(
                <h2>Map Loading</h2>
            );
        }
    }

    return(
        drawMap()
    );

GameMapBlock render（）：

返回（     <h2>Block</h2> ）;

如果我将<GameMapBlock />中的<GameMap/ >替换为<GameMapBlock />的render（）中的内容，一切正常，但是当我使用<GameMapBlock />时，更改状态会花费更多时间。有人能说出原因吗？

发现问题： 它由于连接（mapStateToProps（GameMapBlock））。任何人都可以建议如何解决它，因为我无法删除连接。