React Native 中的 SSE

fne*_*ira 5 android server-sent-events reactjs react-native

我如何在本机反应中使用SSE(服务器发送事件)?,我无法让它工作,

我尝试使用https://github.com/jordanbyron/react-native-event-sourcehttps://github.com/JonnyBGod/react-native-eventsource但不起作用,

我的后端 api 使用 spring webflux

import React, {memo, useState, useEffect} from 'react';
import {Navigation} from '../types'
import AppBarHeader from "../components/AppBarHeader";
import RNEventSource from 'react-native-event-source'

type Props = {
    navigation: Navigation;
};

const MessageScreen = ({navigation}: Props) => {

    const getMessages = (email: string) => {

        console.log('obteniendo evt source')

        const options = { headers: { Authorization: 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX25hbWUiOiJ1c2VyQHRlc3QuY29tIiwic2NvcGUiOlsicmVhZCIsIndyaXRlIl0sIlVTRVJfSUQiOiI1ZWViYzY4ZmIyMDBlNTAyMjIyNTcyYTEiLCJleHAiOjE1OTI3MDQ0MzAsIkxBU1RfTkFNRSI6IlJvZHJpZ3VleiIsIkVNQUlMIjoidXNlckB0ZXN0LmNvbSIsImF1dGhvcml0aWVzIjpbIlJPTEVfVVNFUiJdLCJqdGkiOiJiNjE3YzE0My04MjhjLTQ3M2ItOGJkNC00MWQ5MmUwN2FkNjUiLCJGSVJTVF9OQU1FIjoiSnVhbiIsImNsaWVudF9pZCI6Im1lZGljYXBwIn0.fNDzx8sjOt1YxwQoxNdlBqXZ6XcMhXGxZQNktAHxmWw'}};

        const eventSource = new RNEventSource('http://localhost:8080/chat', options);

        eventSource.addEventListener('message', (data) => {
            console.log(data.type); // message
            console.log(data.data);
        });

    }

    getMessages('das');

    return (
        <>
            <AppBarHeader navigation={navigation} title={'Chat'} />

        </>
    );
};

export default memo(MessageScreen);

Run Code Online (Sandbox Code Playgroud)

控制台日志

谢谢