Экспортировать переменную из одного файла в другой в ответ

Question

В настоящее время я работаю над веб-сайтом на базе реактивного интерфейса и пытаюсь передать значения из одного файла в другой. Значение, которое я пытаюсь импортировать, это «Ключ»:

class Encrypt extends Component {
encryptData = async() => {
    fetch('http://localhost:7000/Data')
    .then(res => res.json())
    .then((data) => {
      var pub1Key = data ;
      var Key=pub1Key["encryptedData"];
}

И использовать его вот так

class Decrypt extends Component {
  deData(){
    const requestOptions = {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({data: Key })
  };

Я пытался использовать опцию экспорта, но она не работала. Это два отдельных файла. Шифрование. js и Расшифровка. js.

Answer 1

Вы можете управлять этим через любого государственного менеджера. Для этого вы можете использовать Redux, Mobx или ReactContext.

Однако, если это токен, необходимый для аутентификации, или данные, к которым вы хотите получить доступ даже после перезагрузки страницы, вы можете просто сохранить их в AsyncStorage.

Итак, ваш код будет выглядеть примерно так.

import {AsyncStorage} from 'react-native';

class Encrypt extends Component {
encryptData = async() => {
    fetch('http://localhost:7000/Data')
    .then(res => res.json())
    .then((data) => {
      //you can decrypt 'data' here
      return AsyncStorage.setItem('pub1Key', data);
    })
    .catch((err)=>{
      //handle any errors here
    })
}


class Decrypt extends Component {
  async getData(){
    return new Promise((resolve, reject)=> {
      try{
        const data = await AsyncStorage.setItem('pub1Key', data);
        //you can encrypt data here
        resolve(data);
      } catch(e){
        reject(e);
      }
    })
  };

Документы для этого. https://reactnative.dev/docs/asyncstorage.html