`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 — Mayank Shukla
@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

Cesar William Alvarenga Cesar William Alvarenga · Accepted Answer · 2017-08-30T16:33:42

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

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

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

1 Answers