Предварительно выбранный параметр Material-UI NativeSelect не работает

У меня есть этот код здесь:

<NativeSelect
classes = {{
    icon: classes.icon
}}
className = {classes.select}
onChange = {this.onVersionChange}
    >
    {
        Object.keys(interface_versions).map(key => {
            return <option key = {key} value = {key}
            title = {key}
            className = {classes.selectOption}
            {...urlParams.get('ifversion') == key ? 'selected' : ''}
        >
            {key}
        </option>
        })};
</NativeSelect>

Теперь я попытался предварительно выбрать параметр во время создания, если ключ соответствует моему значению параметра URL, но он не работает. Ты можешь сказать мне, почему?

Здравствуйте, возможно, вы можете разместить свой код на codeandbox.io/s/новый, чтобы лучше понять вашу проблему.

— 13.02.2019 11:45

javascript html node.js material-ui

13.02.2019 11:39

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

181

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вы можете установить выбранный параметр, добавив свойство value к компоненту NativeSelect.

Что-то вроде этого:

<NativeSelect 
  ....
  value = {urlParams.get('ifversion')}
  ....
/>
  .....
</NativeSelect>

Вы меня не поняли. Мне нужно предварительно выбрать опцию выбора. У меня уже есть варианты. Обычно в HTML вы можете добавить выбранное к опции, чтобы предварительно выбрать его, но в этом случае это не работает, и я не знаю, почему.

— 13.02.2019 11:50

@Mr.Jo Используя свойство value, вы можете установить, какой <option> выбран. Это имеет тот же эффект, что и добавление свойства selected к элементу <option>.

— 13.02.2019 11:53

Теперь я понимаю. Глупый я. Большое спасибо, приятель!

— 13.02.2019 12:01

13.02.2019 11:45