React Native: переход к следующему экрану с сохранением текста состояния

#javascript #reactjs #react-native

#javascript #reactjs #react-native

Вопрос:

Я новичок в React Native. У меня есть a textInput , который принимает ключ объекта и сохраняет его.

     submit(){
      for (let key of Object.keys(listadoPrep)) {
        if(this.state.sueldo <= listadoPrep[key][0]) {
            alert(key);
          }
      }
    }
  

Как только он сохранит ключ, я хочу создать новый экран с другим textInput , чтобы сохранить новый. Я видел несколько видеороликов с реактивной навигацией, но я не уверен, что иду в правильном направлении.

Как только я нажимаю кнопку, я хочу иметь новый экран для добавления нового ввода текста.

вот как выглядит экран

Ответ №1:

Насколько я правильно понимаю ваш вопрос, у вас уже есть код для получения ключа, но вы не знаете, как сохранить это значение, чтобы вы могли использовать его на другом экране в React Native? Это действительно возможно, и мы обычно используем этот случай каждый раз. Тогда я предлагаю два способа применить это.

  1. React Navigation
    Вы можете передать значение ключа в navigation в качестве реквизита, затем вы можете использовать его на экране прибытия по своему усмотрению. Reach this doc: https://reactnavigation.org/docs/params /
  2. React Redux
    Вы можете использовать redux store для сохранения любого значения, чтобы использовать его на любом экране. Redux — очень полезное хранилище, которое можно использовать для разработки на основе React Native.

Вы можете выбрать один из них, но если вы только начинаете React Native, я рекомендую вам получить представление о React Native и освоить навигацию и редактирование react.