Merge pull request #4 from kadirahq/fix-key-warning

Fix react-keys warning
storybookjs · Jun 15, 2016 · 06bff4f · 06bff4f
2 parents 6fecc20 + 771acf0
commit 06bff4f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/dist/components/PropTable.js b/dist/components/PropTable.js
@@ -132,7 +132,7 @@ var PropTable = function (_React$Component) {
           (0, _values2.default)(props).map(function (row) {
             return _react2.default.createElement(
               'tr',
-              null,
+              { key: row.property },
               _react2.default.createElement(
                 'td',
                 null,

diff --git a/dist/components/Story.js b/dist/components/Story.js
@@ -240,8 +240,8 @@ var Story = function (_React$Component) {
         _react2.default.createElement(
           'pre',
           null,
-          _react2.default.Children.map(this.props.children, function (root) {
-            return _react2.default.createElement(_Node2.default, { depth: 0, node: root });
+          _react2.default.Children.map(this.props.children, function (root, idx) {
+            return _react2.default.createElement(_Node2.default, { key: idx, depth: 0, node: root });
           })
         )
       );
@@ -253,10 +253,10 @@ var Story = function (_React$Component) {
         return null;
       }
 
-      return this.props.propTables.map(function (comp) {
+      return this.props.propTables.map(function (comp, idx) {
         return _react2.default.createElement(
           'div',
-          null,
+          { key: idx },
           _react2.default.createElement(
             'h3',
             null,

diff --git a/src/components/PropTable.js b/src/components/PropTable.js
@@ -65,7 +65,7 @@ export default class PropTable extends React.Component {
         </thead>
         <tbody>
           {Object.values(props).map(row => (
-            <tr>
+            <tr key={row.property}>
               <td>{row.property}</td>
               <td>{row.propType}</td>
               <td>{row.required}</td>

diff --git a/src/components/Story.js b/src/components/Story.js
@@ -155,8 +155,8 @@ export default class Story extends React.Component {
       <div>
         <h3>Example Source</h3>
         <pre>
-        {React.Children.map(this.props.children, root => (
-          <Node depth={0} node={root}></Node>
+        {React.Children.map(this.props.children, (root, idx) => (
+          <Node key={idx} depth={0} node={root}></Node>
         ))}
         </pre>
       </div>
@@ -168,8 +168,8 @@ export default class Story extends React.Component {
       return null;
     }
 
-    return this.props.propTables.map(comp => (
-      <div>
+    return this.props.propTables.map((comp, idx) => (
+      <div key={idx}>
         <h3>{comp.displayName || comp.name} PropTypes</h3>
         <PropTable comp={comp} />
       </div>