Tengo un método en un componente reaccionar de la lista de contactos donde estoy devolviendo otro componente. Lo tengo funcionando, pero tengo curiosidad por saber si hay una mejor manera de estructurar cómo estoy usando la clave.

Específicamente: estoy preguntando acerca de esta línea de código del método siguiente (los datos están codificados como muestra para comenzar):

return <ShortContact contact={contact} key={contact.id}/>

Aquí está el código en contexto:

_getContacts() {
    let contactList = [
        {
            id: 1,
            fName: "aaa",
            lName: "aaaaa",
            imgUrl: "http://brainstorminonline.com/wp-content/uploads/2011/12/blah.jpg",
            email: "[email protected]",
            phone: "999999999999"
        },
        {
            id: 2,
            fName: "bbbbb",
            lName: "bbbbbbb",
            imgUrl: "https://media.licdn.com/mpr/mpr/shrinknp_200_200/bbb.jpg",
            email: "[email protected]",
            phone: "888888888888"
        },
        {
            id: 3,
            fName: "Number",
            lName: "Three",
            imgUrl: "http://3.bp.blogspot.com/-iYgp2G1mD4o/TssPyGjJ4bI/AAAAAAAAGl0/UoweTTF1-3U/s1600/Number+3+Coloring+Pages+14.gif",
            email: "[email protected]",
            phone: "333-333-3333"
        }
    ];

    return contactList.map((contact) => {
        "use strict";
        return <ShortContact contact={contact} key={contact.id}/>
    });
}

Procesamiento de componentes de contacto corto:

class ShortContact extends React.Component {
    render() {
        return (
            <div >
                <li className="contact-short well whiteBG">
                    <img  className="contact-short-thumb" src={this.props.contact.imgUrl}/>
                    <p className="contact-short-name">{this.props.contact.fName}</p><br />
                    <p className="contact-short-email">{this.props.contact.email}</p>
                </li>
            </div>
        );
    }
}

Luché con cómo hacerlo funcionar y no recibir la advertenciaWarning: Each child in an array or iterator should have a unique "key" prop. Sin embargo, me pregunto si la sintaxis o estructura es válida y si debería refactorizarse.