Вместо этого React Combobox SPFx отображает только уникальные значения
Как указано в заголовке, я пытаюсь отобразить только уникальные значения вместо одних и тех же повторяющихся значений. Мой код, в котором я сопоставляю свои данные, можно увидеть ниже:
<ComboBox label='City' options = {rooms.map((roomInfo): IComboBoxOption => {
return { key: roomInfo.id, text: roomInfo.location }})}/>
Данные, которые показывает выпадающий список со следующим кодом выше, выглядят примерно так:
location: New York
location: New York
location: Chicago
location: California
location: Chicago
Я хочу:
location: New York
location: California
location: Chicago
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов
Проще говоря, компонент - это фабрика для создания элементов.
0
0
52
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Если я хорошо понимаю, что у вас есть повторяющиеся значения внутри rooms array, вы можете удалить дубликаты:
const data = [
{ id: 1, location: 'New York' },
{ id: 2, location: 'New York' },
{ id: 3, location: 'Chicago' },
{ id: 4, location: 'California' },
]
const noDuplicates = data.filter((roomInfo, i, arr) => arr.findIndex(x => x.location === roomInfo.location) === i)
Другие вопросы по теме
Javascript array.map() возвращает массив неопределенных значений
Как протестировать все проекты или библиотеки в NestJS (nx)?
Общая рекурсивная функция в машинописном тексте
Как брать объекты JSON один за другим из объекта ответа и отображать в таблице в Angular?
Охватить все возможные случаи значений в функции, по-прежнему иметь «тип возвращаемого значения не включает« неопределенный »»
Ограничение интерфейса/типа функциональными значениями в TypeScript
Линтер React Typescript, который заменяет одинарные кавычки двойными при отправке в git
Он не отображает опцию disabled [value]="null" selected> Choose User Types</option>
Как добавить динамически разрешаемый тип свойства на основе другого значения свойства в TypeScript?
Не должен ли доступ к сопоставленным типам быть объединением с неопределенным?
Похожие вопросы
Как я могу исключить идентификаторы с помощью фильтра ReferenceInput администратора React?
Панель пользовательского фильтра React JS
LocalStorage удаляет элементы в массиве после обновления браузера
Значение столбца рендеринга Reactjs 18 с использованием ReactDOM.render не работает из-за того, что больше не поддерживается в React 18
Должен ли я тестировать, была ли функция вызвана в React?
Fetch внутри Fetch — объекты недействительны в качестве дочернего элемента React
КСВ Продолжайте получать одни и те же данные через цикл
Как вы вставляете массивы в переменную состояния вложенного массива? - Реагировать
Передать объект из getServerSideProps в функцию страницы
Линтер React Typescript, который заменяет одинарные кавычки двойными при отправке в git