Обещания Javascript React

у меня, наверное, небольшая проблема. Вот функция, которая возвращает обещание.

export default ()=>{
    const socket = io(config.crypt_compare_api_url);
    let subscription = config.subscription;
    socket.emit('SubAdd', { subs: subscription });

    return new Promise(resolve => {
        socket.on("m",resolve);
    });
}

И вот я его использую. Он импортирован как get_crypto

get_crypto().then((parsedData)=>{
            let el=this.state.currencies.find(element=> element.name===parsedData.name);
            if (el)
            {
                el.price=parsedData.price;
            }
            else this.state.currencies.push(parsedData);

            this.setState(  {
                currencies: this.state.currencies
            });
        });

** Функция 'тогда' всегда должна повторяться после того, как сокет получит сообщение. Но срабатывает только один раз, **

Использование обещания не подходит для вашего варианта использования. Обещание разрешается и получает значение только один раз. Вам нужен наблюдаемый образец подобия. Вы можете показать нам, где вызывается get_crypto (). Я предполагаю, что это проект реакции, основанный на теге вопроса. Пожалуйста, разместите свой код, чтобы мы могли помочь

alaboudi 21.03.2018 14:53
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
54
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Вы не можете вспомнить, а затем выполнить обратный вызов несколько раз. Вы должны использовать наблюдаемый или просто вызвать обратный вызов для события 'm':

export const getCrypto = (cb) => {
    const socket = io(config.crypt_compare_api_url);
    let subscription = config.subscription;
    socket.emit('SubAdd', { subs: subscription });
    socket.on("m", cb);
}

import { getCrypto } from 'get-crypto.js';

getCrypto(parsedData => {
  console.info(parsedData);
  // Do something with parsed data
})

не могли бы вы привести пример

user8494109 21.03.2018 14:25

или я могу дать вам образец

user8494109 21.03.2018 14:25

я сделал это get_crypto ((parsedData) => {let el = this.state.currencies.find (element => element.name === parsedData.name); if (el) {el.price = parsedData.price;} иначе this.state.currencies.push (parsedData); this.setState ({валюты: this.state.currencies});});

user8494109 21.03.2018 14:26

но я не думаю, что это лучшая практика

user8494109 21.03.2018 14:26

Почему это не должно быть лучшей практикой?

Jonas Wilms 21.03.2018 14:40

Вам придется снова вызвать get_crypto(), чтобы получить новое обещание, чтобы вы могли сделать что-то вроде этого:

const datahandler = function(parsedData){
   let el=this.state.currencies.find(element=> element.name===parsedData.name);
   if (el)
     {
         el.price=parsedData.price;
     }
   else this.state.currencies.push(parsedData);

   this.setState(  {
       currencies: this.state.currencies
    });
    }

const loop = function(){
        get_crypto().then(datahandler).then(loop);
    }

loop();

Другие вопросы по теме