Arhn - архитектура программирования

Установить кнопку сброса в выпадающем списке

Я новичок в реакции родной. Я сделал раскрывающийся список, но мне нужна одна кнопка сброса, когда я нажимаю ее, чтобы сбросить метку по умолчанию. Вот мой код простого выпадающего списка. Мне нужна одна кнопка сброса.

<Picker
  style={{width:'80%'}}
  selectedValue={this.state.PickerValue}
  onValueChange={(itemValue,itemIndex) => 
  this.setState({PickerValue:itemValue})}>
    <Picker.Item label="Select a option" value=""/>
    <Picker.Item label="Html" value="html" />
    <Picker.Item label="Javascript" value="javascript"/>
</Picker>
react-native reactjs button drop-down-menu
15.11.2018

Ответы:


1

Хотя у меня нет опыта работы с Picker, установить значение раскрывающегося списка с помощью кнопки можно следующим образом:

setDropdownValue = () => {
    document.getElementById("languagePicker").selectedIndex = "0";
};

<button onClick={this.setDropdownValue}>Reset selected picker value</button>

Не забудьте заменить:

<Picker
to
<Picker id="languagePicker"
15.11.2018
  • который я еще не добавил 15.11.2018
  • Я обновил свой первый ответ, вы имели в виду такое решение? 15.11.2018
  • нет, это не работает, я получаю ошибку нарушения инварианта. 15.11.2018
  • мне просто нужна одна кнопка сброса, когда я нажимаю эту кнопку, ничего не выбрано. я хочу, чтобы, когда я нажимаю эту кнопку, 2 параметра, которые я добавил, не отображались 15.11.2018
  • Для ошибки нарушения инварианта я хотел бы связать вас с этой страницей: Ошибка инвариантное нарушение 15.11.2018
  • спасибо, но я просто хочу сбросить элементы списка по кнопке 15.11.2018
  • Это то, что вы имели в виду? 15.11.2018
  • спасибо за ваши усилия, но я хочу, чтобы одна кнопка сбросила. У меня есть три варианта в раскрывающемся списке. Выберите параметр, Html, java. 15.11.2018
  • Привет @shabnamsingh, все работает правильно? Если нет, дайте мне знать 16.11.2018
  • да все нормально работает. Я просто беру три состояния и на кнопке сброса выбираю первое состояние. и код работает нормально 19.11.2018
  • не могли бы вы сделать еще одну помощь 21.11.2018
  • Эй, @shabnamsingh, в чем дело? У вас есть еще вопрос? 21.11.2018
  • да, у меня проблема с получением данных из firebase. 22.11.2018
  • Вот ссылка на мой вопрос stackoverflow.com/questions/53424115/fetch -данные-из-firebase 22.11.2018
  • @shabnamsingh, к сожалению, у меня нет опыта работы с React Native или Firebase, поэтому я могу вам помочь. 22.11.2018
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..