以下のコードでgetCurrentPositionEpic
をコメントアウトすると、アプリケーションが動作します。redux-observableアクションはプレーンなオブジェクトでなければなりません。
Actions must be plain objects. Use custom middleware for async actions.
export const rootEpic = combineEpics(
fetchCategoriesEpic,
getCurrentLocationEpic,
getCurrentPositionEpic
)
const store = createStore(
rootReducer,
initialState,
composeWithDevTools(
applyMiddleware(createEpicMiddleware(rootEpic))
)
)
location.epic.js
const getCurrentPosition$ = getCurrentPositionObservable(
{ enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 }
)
getCurrentPosition$.subscribe(
(position) => {
console.log(position)
const positionObject = {
lat: position.coords.latitude,
lng: position.coords.longitude
}
//store.dispatch(updateRegion(positionObject))
//getCurrentLocation(positionObject)
},
(err) => {
console.log('Error: %s', err)
},
() => {
console.log('Completed')
})
export const getCurrentLocationEpic = action$ =>
action$.ofType(GET_CURRENT_LOCATION)
.mergeMap(() =>
Observable.fromPromise(Geocoder.geocodePosition(makeSelectLocation()))
.flatMap((response) => Observable.of(
getCurrentLocationFulfilled(response)
))
.catch(error => Observable.of(getCurrentLocationRejected(error)))
)
export const getCurrentPositionEpic = action$ =>
action$.ofType(GET_CURRENT_POSITION)
.mapTo(() => getCurrentPosition$
.flatMap((response) => Observable.of(
getCurrentPositionFulfilled(response)
))
.catch(error => Observable.of(getCurrentLocationRejected(error)))
)
以下のコードを変換するために使用されるだけのヘルパーですネイティブnavigator.geolocation.getCurrentPosition
を反応:私が残した場合でも、それは私がエラーを取得するコメント解除しましたコールバックを取る関数の代わりに観測することができます。エラーの原因となることができるもの
callBackToObservable.js
import { Observable } from 'rxjs'
export const getCurrentPositionObservable = Observable.bindCallback(
(options, cb) => {
if (typeof options === 'function') {
cb = options
options = null
}
navigator.geolocation.getCurrentPosition(cb, null, options)
})
?
export const getCurrentPositionFulfilledEpic = (action$, store) =>
action$.ofType(GET_CURRENT_POSITION_FULFILLED)
.mergeMap(() =>{
console.log(store)***************** store is populated here
return Observable.fromPromise(Geocoder.geocodePosition({
lat: store.getState().get('searchForm').get('position').lat,***but not here
lng: store.getState().get('searchForm').get('position').lng
}))
.flatMap((response) => Observable.of(
getCurrentLocationFulfilled(response)
))
.catch(error => Observable.of(getCurrentLocationRejected(error)))
}
)
https://github.com/devfd/react-native-geocoderを使用してGeocoder.geocodePosition