未定义不是函数{This.state附近）反应本机错误

Question

在我的本机代码中，我遇到了这个问题。有时它可以正常工作，而有些时候则没有。 我是React-redux用户的初学者，负责组件的状态管理，任何线索都将受到赞赏。

import React, { PureComponent } from "react"
import PurchaseInvoiceView from "../Components/Purchaseinvoiceview"
import ReturnInvoiceView from "../Components/Returninvoiceview"
import { connect } from "react-redux"
import { translate } from "../i18n"
import { TabView, SceneMap, TabBar } from "react-native-tab-view"
import styles from "./Styles/InvoiceScreenStyle"
import { Cache } from "react-native-cache"
import AsyncStorage from "@react-native-community/async-storage";

import {
  getPurchaseInvoice,
  getPurchaseInvoiceFromCache,
  getReturnInvoice,
  getReturnInvoiceFromCache,
} from "../Redux/Actions/invoiceActions"

class InvoiceScreen extends PureComponent {
  state = {
    index: 0,
    routes: [
      { key: "purchase", title: translate("invoiceScreen.purchase") },
      { key: "return", title: translate("invoiceScreen.return") },
    ],
    token: null,
    vansale_id: 0,
    user: null,
  }
  componentDidMount() {
    const { dispatch, userData } = this.props

    this.setState(
      {
        token: userData.data.package.token || value.package.token,
        vansale_id: userData.data.package.id || value.package.id,
      },
      () => {
        const { token, vansale_id } = this.state

        dispatch(getPurchaseInvoice(token, { vansale_id}))
          .then(res => {
            console.log(res);
            if (res.payload.status === true) {
              var cache = new Cache({
                namespace: "FGMM",
                policy: {
                  maxEntries: 50000,
                },
                backend: AsyncStorage,
              })
              cache.setItem("invoiceData", res.payload, function(err) {})
            }
          })
          .catch(err => {
            var cache = new Cache({
              namespace: "FGMM",
              policy: {
                maxEntries: 50000,
              },
              backend: AsyncStorage,
            })
            cache.getItem("invoiceData", function(err, value) {
              if (value) {
                if (value.status === true) {
                  dispatch(getPurchaseInvoiceFromCache(value))
                }
              }
            })
          })

        dispatch(getReturnInvoice(token, { vansale_id,}))
          .then(res => {
            console.log(res)
            if (res.payload.status === true) {
              var cache = new Cache({
                namespace: "FGMM",
                policy: {
                  maxEntries: 50000,
                },
                backend: AsyncStorage,
              })
              cache.setItem("invoiceReturnData", res.payload, function(err) {})
            }
          })
          .catch(err => {
            var cache = new Cache({
              namespace: "FGMM",
              policy: {
                maxEntries: 50000,
              },
              backend: AsyncStorage,
            })
            cache.getItem("invoiceReturnData", function(err, value) {
              if (value) {
                if (value.status === true) {
                  dispatch(getReturnInvoiceFromCache(value))
                }
              }
            })
          })
      },
    )

    var cache = new Cache({
      namespace: "FGMM",
      policy: {
        maxEntries: 50000,
      },
      backend: AsyncStorage,
    })

    cache.getItem("userData", function(err, value) {
      if (value) {
        if (value.status === true) {
        }
      } else {
        this.setState({
          token: userData.data.package.token || value.package.token,
          vansale_id: userData.data.package.id || value.package.id,
        })
      }
    })
  }

  render() {
    return (
      <View style={styles.container}>
        <TabView
          navigationState={this.state}
          activeColor="#777"
          inactiveColor="#000"
          renderTabBar={props => (
            <TabBar
              {...props}
              indicatorStyle={styles.indicator}
              style={styles.tabBar}
              labelStyle={styles.labelStyle}
            />
          )}
          renderScene={SceneMap({
            purchase: PurchaseInvoiceView,
            return: ReturnInvoiceView,
          })}
          onIndexChange={index => this.setState({ index })}
          initialLayout={{ width: Dimensions.get("window").width }}
        />
      </View>
    )
  }
}

const mapStateToProps = state => {
  return {
    userData: state.userData,
    invoiceData: state.invoiceData,
    returnInvoiceData: state.invoiceData.return,
  }
}

export default connect(mapStateToProps)(InvoiceScreen)

当我在Android上使用它时，它工作正常，但在iOS上崩溃了