reactjs - React：如果我实施了修复，为什么我仍然会收到唯一的 key prop 警告？

Question

因此，我已将修复添加到唯一键道具警告中：

import React from 'react';
import VideoItem from './VideoItem';

const VideoList = ({ videos, onVideoSelect }) => {
  const renderedList = videos.map((video) => {
    return (
      <VideoItem
        key={video.id.videoId}
        onVideoSelect={onVideoSelect}
        video={video} />
    );
  });

  return <div className="ui relaxed divided list">{renderedList}</div>;
};

export default VideoList;

我错过了什么或没有看到什么？我仍然得到错误。

标签： reactjs

Answer 1

看起来挺好的。您的来源很可能有重复的 ID。打印出来并检查。