Question

我正在使用react-observable开发一个反应原生的应用程序。

我有两个史诗，一个用于获取纬度和经度，另一个用于获取纬度和经度的地址。

我的问题是，因为我想在一部史诗中做一件事，我怎么能用第一部史诗的输出作为第二部史诗的输入？

const getLocationEpic = action$ =>
    action$.ofType('GET_LOCATION')
        .mergeMap(() =>
            currentPosition$()
                .map(data => ({
                    type: 'GET_LOCATION_SUCCESS',
                    data: {"latitude": data.coords.latitude, "longitude": data.coords.longitude}
                }))
                .catch(error => {
                    console.log("GET POSITION ERR", error);
                    return Observable.of({type: 'GET_POSITION_ERROR', error: error});
                })
        );

const getAddressEpic = action$ =>
    action$.ofType('GET_ADDRESS')
        .switchMap(action =>
            ajax(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${latitude},${longitude}`)
                .map(data => (data))
                .do({
                    next: data => {
                        console.log("address data");
                        console.log(data);
                    }
                })
                .map(data => ({
                    type: 'GET_POSITION_SUCCESS', data: data.response.results[0].formatted_address
                }))
                .mergeMap(() =>
                    currentPosition$()
                        .map(data => ({
                            type: 'GET_ADDRESS_SUCCESS',
                            data: {"latitude": data.coords.latitude, "longitude": data.coords.longitude}
                        }))
                        .catch(error => {
                            console.log("GET_ADDRESS_ERROR", error);
                            return Observable.of({type: 'GET_ADDRESS_ERROR', error: error});
                        })
                ));

Answer 1

可能是这样的：

getLocationEpic(action)
    .mergeMap( (action) => getAddressEpic(action) )
    .subscribe( (data) => {
        /* get the result from epic 1 to epic 2 */
    })

详细信息：获取getLocationEpic的结果，然后将其展平并将结果反馈到getAddressEpic。订阅它以获得最终结果。

Answer 2

在redux-observable中，你的史诗会收到所有已发送行动的流 - 可能并不明显的是包括其他史诗派遣的行动。这是一个非常强大的功能，因为您可以编写不需要与其他史诗中的实现细节相关联的史诗。行动是合同。

在你的情况下，你说你想把它们排序为1.得到经度/纬度2.然后用那个long / lat得到它们的地址。

您的getAddressEpic只需要听取GET_LOCATION_SUCCESS通知并接收长/拉值。

const getAddressEpic = action$ =>
    action$.ofType('GET_LOCATION_SUCCESS') // <--- listen for location success action
        .switchMap(action =>
            // you can now use the long/lat from that action
            ajax(`${apiURL}/geocode/json?latlng=${action.data.latitude},${action.data.longitude}`)

使用史诗的一个输出作为反应可观察的史诗的另一个输入

2 个答案: