React react-select/列表中的每個孩子都應該有一個唯一的“key”屬性

我使用react-select我從react Warning: Each child in a list should have a unique "key" prop.收到下一個警告

My component:

import React from "react";
import Select from "react-select";

import styles from "./Filter.module.scss";

interface SearchBarProps {
  setParametr: React.Dispatch<React.SetStateAction<string>>;
  data: Array<{ name: string; value: number }>;
  placeholder: string;
}

export const SearchBar: React.FC<SearchBarProps> = (props) => {
  // const [options, setOptions] = React.useState([]);

  const changeValue = (event: { name: string; value: number } | null) => {
    props.setParametr(event?.name || "");
  };

  return (
    <Select
      className={styles.input}
      placeholder={props.placeholder}
      onChange={(event) => changeValue(event)}
      getOptionLabel={(option) => {
        return option.name;
      }}
      getOptionValue={(option) => {
        return option.value.toString();
      }}
      options={props.data}
    />
  );
};

我認為問題與下拉列表有關,但我不知道如何設置它們的鍵值

? 最佳回答:

您的數據似乎有一些重復的value條目。react-select庫使用value作為選項的鍵,因此它們必須是唯一的。

主站蜘蛛池模板: 日韩精品一区二区三区毛片| 国产香蕉一区二区精品视频| 亚洲一区中文字幕久久| 无码少妇一区二区| 蜜臀Av午夜一区二区三区| 农村人乱弄一区二区| 一区二区中文字幕在线观看| 无码一区18禁3D| 竹菊影视欧美日韩一区二区三区四区五区 | 国产成人无码AV一区二区| 爆乳无码AV一区二区三区| 国产精品一区二区久久精品| 精品久久一区二区三区| 99久久精品国产高清一区二区| 一区二区三区波多野结衣| 精品在线一区二区| 亚洲第一区精品观看| 日韩一区二区三区在线观看| 免费在线观看一区| 一区二区三区四区电影视频在线观看 | 国产激情无码一区二区app| 免费萌白酱国产一区二区三区| 亚洲日本一区二区三区在线不卡| 四虎精品亚洲一区二区三区| 国产伦精品一区二区三区精品| 一区二区三区视频在线播放| 国偷自产视频一区二区久| 精品熟人妻一区二区三区四区不卡| 人妻少妇精品视频三区二区一区| 亚洲AV噜噜一区二区三区| 一区二区免费视频| 国产成人AV一区二区三区无码| 国产在线精品一区二区三区不卡| 国产产一区二区三区久久毛片国语 | 国产AV午夜精品一区二区三区| 久久久久国产一区二区| 精品视频在线观看你懂的一区| 一区二区免费国产在线观看| 波多野结衣中文字幕一区| 国产精品伦子一区二区三区| 国产成人精品亚洲一区|