欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解析TypeError:import_react_native.AppState.removeEventListener?is?not?a?function

 更新時間：2023年09月26日 10:35:50   作者：BrightChen  
這篇文章主要為大家介紹了TypeError:import_react_native.AppState.removeEventListener?is?not?a?function問題解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

Jest React Native Mock AppState TypeError

問題記錄

背景：通過 Jest 和 React Testing Library 對 React Native 做自動化測試

問題： 代碼中出現(xiàn) AppState 的使用

import { AppState } from 'react-native';
AppState.removeEventListener('change', handleAppStateChange);

報錯：TypeError: import_react_native.AppState.removeEventListener is not a function

jest.config.js 配置使用了 React Native 預(yù)設(shè)

module.exports = {
  preset: 'react-native',
  ...

經(jīng)過排查發(fā)現(xiàn)是因為 React Native 提供的 jest mock 文件缺失部分方法

路徑：*/react-native/jest/setup.js

  .mock('react-native/Libraries/AppState/AppState', () => ({
    addEventListener: jest.fn(() => ({
      remove: jest.fn(),
    })),
  }))

解決方案

項目臨時方案是將 packages/react-native/jest/setup.js 拷貝下來，增加 react-native/Libraries/AppState/AppState 模塊的 removeEventListener 和 currentState方法的mock

  .mock('react-native/Libraries/AppState/AppState', () => ({
    addEventListener: jest.fn(() => ({
      remove: jest.fn(),
    })),
    removeEventListener: jest.fn(),
    currentState: jest.fn(),
  }))

然后放在項目倉庫中在 jest.setup.js 文件頭部引入

或者在 jest.config.js 的 setupFilesAfterEnv 入口引入

最后，這個缺陷我已經(jīng)給 React Native 官方倉庫提了Pull Request，已經(jīng)合并主分支了

以上就是解析TypeError:import_react_native.AppState.removeEventListener is not a function的詳細(xì)內(nèi)容，更多關(guān)于AppState TypeError解決的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

  • 實例講解React 組件生命周期

    實例講解React 組件生命周期

    這篇文章主要介紹了React 組件生命周期的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
    2020-07-07
  • React Router V4使用指南(精講)

    React Router V4使用指南(精講)

    這篇文章主要介紹了React Router V4使用指南(精講)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • React?跨端動態(tài)化核心技術(shù)實例分析

    React?跨端動態(tài)化核心技術(shù)實例分析

    這篇文章主要為大家介紹了React?跨端動態(tài)化核心技術(shù)實例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-10-10
  • React tabIndex使非表單元素支持focus和blur事件

    React tabIndex使非表單元素支持focus和blur事件

    這篇文章主要為大家介紹了React使用tabIndex使非表單元素支持focus和blur事件實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-11-11
  • React中使用Mobx的方法

    React中使用Mobx的方法

    Mobx是一個前端“狀態(tài)管理框架”，狀態(tài)管理就是將分布在各個組件、各個模塊中的狀態(tài)的變化，按照一定的規(guī)則，進行統(tǒng)一的管理，這篇文章主要介紹了React中如何使用Mobx,需要的朋友可以參考下
    2023-02-02
  • react-json-editor-ajrm解析錯誤與解決方案

    react-json-editor-ajrm解析錯誤與解決方案

    由于歷史原因,項目中 JSON 編輯器使用的是 react-json-editor-ajrm,近期遇到一個嚴(yán)重的展示錯誤,傳入編輯器的數(shù)據(jù)與展示的不一致,這是產(chǎn)品和用戶不可接受的,本文給大家介紹了react-json-editor-ajrm解析錯誤與解決方案,需要的朋友可以參考下
    2024-06-06
  • react中value與defaultValue的區(qū)別及說明

    react中value與defaultValue的區(qū)別及說明

    這篇文章主要介紹了react中value與defaultValue的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-05-05
  • 解決React報錯Property does not exist on type 'JSX.IntrinsicElements'

    解決React報錯Property does not exist on 

    這篇文章主要為大家介紹了React報錯Property does not exist on type 'JSX.IntrinsicElements'解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-12-12
  • react router4+redux實現(xiàn)路由權(quán)限控制的方法

    react router4+redux實現(xiàn)路由權(quán)限控制的方法

    本篇文章主要介紹了react router4+redux實現(xiàn)路由權(quán)限控制的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • React中事件的類型定義方式

    React中事件的類型定義方式

    這篇文章主要介紹了React中事件的類型定義方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-12-12

最新評論