Настройка параметров опции выбора из API

Я пытаюсь прочитать свои параметры из API, поэтому я создал Const InputResponse следующим образом:

const inputResponse = [
{
    key: 'news',
    value: "news",
    datagrid:{
        w:2,
        h:9,
        x:0,
        y:0,
        minW:2,
        minH:5
    }
},
{
    key: 'clock',
    value: "clock",
    datagrid:{
        w:2,
        h:5,
        x:5,
        y:0,
        minW:2,
        minH:5
    }
 }
]

но я понятия не имею, как повлиять на мою опцию выбора

 <Select defaultValue = "" style = {{ width: 120 }} onChange = {this.handleChangeEvent} >
                            <Option value = "Clock" className = "options">Clock</Option>
                            <Option value = "News" className = "options">News</Option>
                            <Option value = "Yiminghe" className = "options">yiminghe</Option>
                        </Select>

заглавные начальные буквы в тегах jsx предназначены для дизайна муравьев

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
155
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно перебрать массив и просто отобразить его как есть. Как это:

 <Select style = {{ width: 120 }} onChange = {this.handleChangeEvent}>
  {
    this.inputResponse.map((item) => {
      return <Option value = {item} key = {item.key} className = "options">{item.value}</Option>
    })
  }
 </Select>

Другие вопросы по теме