警告:数组或迭代器中的每个子项都应该有一个唯一的"键"支柱。检查`CatList`的render方法

时间:2017-05-27 00:06:01

标签: reactjs react-redux

我收到警告要使用"键"道具但我在我的CatList组件中使用了关键道具。见下文:

import React from 'react';
import PropTypes from 'prop-types';
import {Link} from 'react-router-dom';

const CatList = ({cats}) => {
  return (
      <ul className="list-group">
        {cats.map(cat =>
           <li className="list-group-item" key={cat.id}>
            <Link to={'/cats/' + cat.id}>{cat.name}</Link>
           </li>
        )}
      </ul>
  );
};

CatList.propTypes = {
  cats: PropTypes.array.isRequired
};

export default CatList;

知道为什么我仍然得到这个反应警告?感谢

0 个答案:

没有答案