`Warning: Each child in an array or iterator should have a unique "key" prop.`

Question

Im getting the above warning in the file. I have the following code in my RowForm's render function:

const RowForm = React.createClass({
    render: function() {
            return (
                <tr key={'#'} className="addIpsetListRow">
                    <td className="col-lg-1"></td>
                    <td className="col-lg-3">
                        <input type="text"
          .................
................)
});

The above code simply creates a row of form and i have no idea what i should put as a key to make that warning go away.

Possible duplicate of [Understanding unique keys for array children in React.js](https://stackoverflow.com/questions/28329382/understanding-unique-keys-for-array-children-in-react-js) — Mayank Shukla, Aug 30 '17 at 14:57
@MuratK. im not looping through a data structure. And i call `RowForm` component any time when user clicks on a button. How could i assign a unique id to that ? — ssss, Aug 30 '17 at 15:01

Cesar William Alvarenga · Answer 1 · 2017-08-30T17:05:22.510

0

If you have no data you have to use a random number or a timestamp unfortunately. For example

<tr key={+new Date()} className="addIpsetListRow">

edited Aug 30 '17 at 17:05

answered Aug 30 '17 at 16:33

Cesar William Alvarenga

475
3
9

Im not iterating at all. That component renders after a user clicks on a button. – ssss Aug 30 '17 at 16:46
If you have no data you will have to use a random number or a timestamp (for example "+new Date()") unfortunately. – Cesar William Alvarenga Aug 30 '17 at 16:57

`Warning: Each child in an array or iterator should have a unique "key" prop.`

1 Answers1