From: Carl Worth <cworth@cworth.org>
Date: Fri, 5 Jun 2020 17:15:59 +0000 (-0700)
Subject: Add key properties to GameInfo and PlayerInfo blocks
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=4bce72deafdf4784b8d21049a937e0cec03a733f

Add key properties to GameInfo and PlayerInfo blocks

This silences the warning that React gives:

    Warning: Each child in a list should have a unique "key" prop

Which I seem to get every time I add a new list of elements.
---

diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx
index 498e708..5bb84f1 100644
--- a/tictactoe/tictactoe.jsx
+++ b/tictactoe/tictactoe.jsx
@@ -247,15 +247,17 @@ class Game extends React.Component {
 
     return [
       <GameInfo
+        key="game-info"
         id={this.state.game_info.id}
         url={this.state.game_info.url}
       />,
       <PlayerInfo
+        key="player-info"
         id={this.state.player_info.id}
         name={this.state.player_info.name}
         team={this.state.player_info.team}
       />,
-      <div className="game">
+      <div key="game" className="game">
         <div>{status}</div>
         <div className="game-board">
           <Board