Javascript React native redux saga TypeError

首先，我为这篇长文章道歉，我尽量缩短。 我试图通过saga分派一个操作，但得到的是TypeError:resultFunc.apply不是函数错误

该函数在应用程序缩减器中设置两个变量：

isFirstTimer:错误 应用语言：英语 Store/App/Actions.js

Store/App/Reducers.js

Store/App/Selector.js

Sagas/AppSaga.js

注意：选择器中的两个变量不会登录Reactotron

Sagas/index.js

在我的rootScreen.js中，我根据上述firstTime变量有条件地进行渲染

最终结果是：

如果我排除该错误，应用程序将不再呈现第一个块，它将呈现AppNavigator

问题在于getFirstTimer选择器-createSelector的第二个参数应该是您在错误中看到的resultFunc，该参数将获取它所依赖的其他选择器的结果并返回一个值。看见更新getFirstTimer应解决以下问题：

import { createSelector } from 'reselect'

const isFristTimer = (state) => state.isFristTimer
const language = (state) => state.language

export const getFirstTimer = createSelector(
  [isFristTimer, language],
  // here is where the result func is added to the selector definition
  (isFristTimer, language) => ({
    isFristTimer,
    language,
  })
)

import { INITIAL_STATE } from './InitialState'
import { createReducer } from 'reduxsauce'
import { AppTypes } from './Actions'

export const firstTimer = (state, { language }) => ({
  ...state,
  isFristTimer: false,
  appLanguage: language,
})
export const reducer = createReducer(INITIAL_STATE, {
  [AppTypes.FIRST_TIMER]: firstTimer,
  [AppTypes.SET_DEVICE_LANGUAGE]: setDeviceLanguage,
})

import { createSelector } from 'reselect'

const isFristTimer = (state) => state.isFristTimer
const language = (state) => state.language

export const getFirstTimer = createSelector([isFristTimer, language])

import { put, select } from 'redux-saga/effects'
import * as Selectors from 'App/Stores/App/Selectors'

export function* firstTimer() {
  const whereTo = yield select(Selectors.getFirstTimer)
  const language = yield select(Selectors.language)
  Reactotron.log('getFirstTimer value', whereTo)
  Reactotron.log('language value', language)
  // When those operations are finished we redirect to the main screen
}

import { takeLatest, all } from 'redux-saga/effects'
import { firstTimer } from './AppSaga'
import { AppTypes } from 'App/Stores/App/Actions'

export default function* root() {
  yield all([
    // Call `firstTimer()` when a `FIRST_TIMER` action is triggered
    takeLatest(AppTypes.FIRST_TIMER, firstTimer),
  ])

  componentDidMount() {
    Reactotron.log('our state : ' + this.props.app)
  }

  _setLanguage(language) {
    this.props.setFirstTimer(language)
  }

  render() {
    const { isFristTimer } = this.props.app
    if (isFristTimer) {
      return (
        <View style={Helpers.fill}>
          <ImageBackground source={Images.firstTimerBg} style={Helpers.fullSize}>
            <View
              style={[
                Style.buttonWrapper,
                Helpers.mainCenter,
                Helpers.mainSpaceBetween,
                Helpers.row,
                Metrics.mediumHorizontalMargin,
              ]}
            >
              <TouchableOpacity
                onPress={() => this._setLanguage('en')}
                style={[Style.buttonContainer, Helpers.center]}
              >
                <Text style={Fonts.normal}>{Words.english}</Text>
              </TouchableOpacity>
              <TouchableOpacity
                onPress={() => this._setLanguage('ar')}
                style={[Style.buttonContainer, Helpers.center]}
              >
                <Text style={Fonts.normal}>{Words.arabic}</Text>
              </TouchableOpacity>
            </View>
          </ImageBackground>
        </View>
      )
    }
    return (
      <View style={Helpers.fill}>
        <AppNavigator
          // Initialize the NavigationService (see https://reactnavigation.org/docs/en/navigating-without-navigation-prop.html)
          ref={(navigatorRef) => {
            NavigationService.setTopLevelNavigator(navigatorRef)
          }}
        />
      </View>
    )
  }
}

import { createSelector } from 'reselect'

const isFristTimer = (state) => state.isFristTimer
const language = (state) => state.language

export const getFirstTimer = createSelector(
  [isFristTimer, language],
  // here is where the result func is added to the selector definition
  (isFristTimer, language) => ({
    isFristTimer,
    language,
  })
)