Блог

Главная - Вопросы по программированию - Список выбора RNUI не обновляется должным образом, когда я изменяю значение выбора извне

Список выбора RNUI не обновляется должным образом, когда я изменяю значение выбора извне

#reactjs #react-native

Вопрос:

Я использую компонент выбора RNUI. Я обновляю свое состояние всякий раз, когда Элемент выбирается в окне выбора. Когда я сбрасываю свое состояние, заполнитель выбора сбрасывается. Но предыдущие элементы по-прежнему выбраны в списке выбора.

 import React, { useState } from 'react';
import { View, Text, Picker, Button } from 'react-native-ui-lib';

const longOptions = [
  { label: 'ABAP1', value: 'ABAP1' },
  { label: 'ABAP2', value: 'ABAP2' },
  { label: 'ABAP3', value: 'ABAP3' },
  { label: 'ABAP4', value: 'ABAP4' },
  { label: 'ABAP5', value: 'ABAP5' },
];

const Test = () => {
  const [language, setLanguage] = useState([]);
  return (
    <View useSafeArea>
      <Text>Hey its working</Text>
      <Picker
        placeholder="Favorite Language"
        floatingPlaceholder
        value={language}
        enableModalBlur={false}
        onChange={item => setLanguage(item)}
        topBarProps={{ title: 'Languages' }}
        showSearch
        searchPlaceholder={'Search a language'}
        topBarProps={{
          containerStyle: { paddingTop: 40 },
        }}
        mode={Picker.modes.MULTI}
      >
        {longOptions.map(option => (
          <Picker.Item
            key={option.value}
            value={option.value}
            label={option.label}
            disabled={option.disabled}
          />
        ))}
      </Picker>
      <Button onPress={() => console.log(language)} label="Show Current" />
      <Button onPress={() => setLanguage([])} label="Remove" />
    </View>
  );
};

export default Test;
Метки: ,