Отдельные значения в раскрывающемся списке выбора из массива JSON в React

avatar
Random Dev
8 августа 2021 в 17:17
68
0
0

Я создал раскрывающийся список выбора из файла JSON. Ключ, который я читаю, представляет собой массив:

"type": [
  "Grass",
  "Poison"
]

Когда массив имеет только одно значение, он работает нормально, но когда в нем два, как здесь, у меня есть этот результат

enter image description here Здесь я создал раскрывающийся список:

<select className="searchbar dropdown" onChange={(e)=>{setSearchTerm(e.target.value); setSearchType(3)}}>
    <option className="dropdown-title" selected disabled color='lightgray'>Type</option>
            {Data.map(types => (
                <option key={types.id} value={types.type}>
                    {types.type}
                </option>
            ))}

Как разделить значения в раскрывающемся списке? И можно ли удалить дубликаты? Спасибо

Источник
Adam
9 августа 2021 в 11:09
0

Что значит разделить значения? Что касается второго вопроса - просто сделайте его набором - {new Set(Data).map(types => ... }

Random Dev
9 августа 2021 в 20:08
0

@Adam, если вы видите на фото, у меня есть GrassPoison, но я хочу только GrassPoison и только Poison, вот что я имею в виду, когда говорю разделенные значения

Adam
9 августа 2021 в 23:03
0

Покажите структуру вашего файла JSON. Это не то, что ты репостнул.

Ответы (0)