TypeError:未定义不是react native中的对象(计算“”_this.state.Place.trim“”
TypeError: undefined is not an object in React Native (evaluating "_this.state.Place.trim")
这个错误是由于在React Native中，_this.state.Place.trim的值为undefined，而undefined不是一个对象，因此会抛出TypeError。
解决这个问题的方法是确保_this.state.Place有一个有效的值，并且该值是一个对象。可以通过以下步骤来解决：
- 确保在组件的constructor中初始化state，并为Place属性赋予一个初始值。例如：
constructor(props) {
super(props);
this.state = {
Place: ''
};
}- 在组件的render方法中使用this.state.Place之前，先进行判断该值是否存在。例如：
render() {
const { Place } = this.state;
if (typeof Place === 'undefined') {
return null; // 或者返回一个加载中的UI组件
}
// 继续使用this.state.Place进行操作
}通过以上步骤，可以避免TypeError: undefined is not an object错误的发生。
关于React Native的更多信息，你可以参考腾讯云的React Native产品介绍页面：React Native - 腾讯云。
相关·内容
1回答
因此，我有两个组件，试图验证支柱类型会出现一个错误：
TypeError: TypeError:无法读取未定义的属性“样式”
这是我的HomeScreen组件：
import React, { Component } from 'react';
import {
Image,
Platform,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View
} from 'react-native';
import { RobotoText } from '../compo
浏览 1提问于2019-02-20得票数 0
回答已采纳
这是我第一次使用Redux和Redux持久化。当我试图运行我的应用程序时(在index.js第20行中)，我得到了这个错误：
TypeError:未定义不是对象(计算'store.getState')
index.js：
import React from 'react';
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
imp
浏览 2提问于2019-03-03得票数 7
import React from 'react';
import {Button, View, Text} from 'react-native';
const RegistrationScreen = (navigation: any) => {
return (
<View>
<Text>My Registration Page</Text>
<Button
title="Go Back"
onPress={() =>
浏览 0提问于2020-10-10得票数 1
回答已采纳
我想创建一个汉堡图标来打开抽屉，但一直无法做到。我已经包括在我的标题右边的图标按钮。每当我单击它来打开抽屉时，它都会显示未定义函数的错误。我已经提到了下面的错误。
TypeError: navigation.openDrawer不是一个函数。(在“navigation.openDrawer()”中，“navigation.openDrawer”未定义)
这是App.js，在本文中，我提到了使用createDrawerNavigator()的抽屉代码
App.js
import React from 'react';
import { NavigationContainer }
浏览 3提问于2021-05-06得票数 0
我试图在React Native中创建我自己的组件，并在app类的呈现中调用它，但是显示了错误：
typeError:未定义不是函数(计算'instance.render ()')
import React, { Component } from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
class MeuComponente extends Component {
return() {
return (
<V
浏览 26提问于2018-06-06得票数 0
回答已采纳
我不能强迫TabBarIOS。下面的代码呈现一个“未处理的JS异常: TypeError:无法读取未定义的属性‘项’”
我的依赖性很小
“反应”："16.8.3"，“反应-原生”："0.59.1“
import React, { Component } from 'react';
import {
TabBarIOS,
View,
Text
} from 'react-native';
export default class HomeScreen extends Component {
construct
浏览 0提问于2019-03-22得票数 2
回答已采纳
进口时
import { GoogleSignin } from 'react-native-google-signin';
给我这个错误：
需要模块“react本机-google/index.js”，这引发了一个异常: TypeError:无法读取未定义的属性'number‘。
浏览 2提问于2018-02-23得票数 1
我是一个反应本土化的初学者。我想在两个组件之间传递数据。我得到以下错误：
TypeError:未定义不是对象(计算'params.title' )
App.js
import React from 'react';
import TabBar from './components/TabBar';
export default function App() {
return (
<TabBar title="Hall Building"/>
);
}
TabBar.js
import React, {
浏览 0提问于2020-01-18得票数 0
2回答
我尝试过Hello示例，方法是从另外两个组件返回Hello和world，但在这里，我不能返回Menubar组件，而Map组件只能返回Map。
App.js
import React from 'react';
import ReactDOM from 'react-dom';
import Map from './components/Map'
import Menubar from './components/Menubar'
var App = React.createClass({
render: function(){
浏览 5提问于2016-11-01得票数 1
回答已采纳
版本：
@react-native-community/async-storage = ^1.6.1
问题：
像这样导入AsyncStorage：
import { AsyncStorage } from '@react-native-community/async-storage'
在我的代码中使用如下：
AsyncStorage.setItem('locale', locale)
AsyncStorage.getItem('user').then((value) =>
{
...
}
错误：
TypeEr
浏览 0提问于2019-07-30得票数 13
回答已采纳
我在我的react本机项目中安装了@react-native-community/cli-platform-android，现在我得到的是"error不能读取未定义的属性(读取“配置”)。TypeError:无法读取运行npm run android的未定义属性(读取“配置”)。
浏览 8提问于2022-06-02得票数 2
每当我使用“mathjs”时，我就会得到这个错误。
TypeError:未定义不是对象(计算'_mathjs.default.fraction')
基本上我的代码是
import React from 'react';
import {View, Button} from 'react-native';
import mathjs from 'mathjs';
const App = () => {
return (
<View>
<Button
title="
浏览 4提问于2022-01-25得票数 2
回答已采纳
1回答
当我测试App.js时，出现以下错误：
TypeError: Cannot read property 'createStackNavigator' of undefined
24 | borderBottomWidth:0,
25 | },
> 26 | headerTintColor: '#294c95',
| ^
27 |
浏览 65提问于2019-02-28得票数 0
1回答
我只是想试一试。但是我得到了这个错误。捆绑失败: TypeError:无法读取未定义的属性“transformFile”
这是我的package.json文件
{
"name": "vueNativeDeneme",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
浏览 3提问于2019-12-01得票数 0
回答已采纳
我对原生react非常陌生，并且我在使用路由Action.home()时遇到了问题。有人能帮上忙吗，谢谢先期.. import React from 'react';
import {Router, Scene} from 'react-native-router-flux';
import Login from './Login';
import Redeem from './Redeem';
const Routes = () => (
<Router>
<Scene key="
浏览 36提问于2020-04-20得票数 0
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
1回答
我使用的是React本机导航。(堆栈导航)。但是我不能在navigationOptions中调用函数。不起作用。
import React, { Component } from 'react';
import { StyleSheet, View, Text, TouchableHighlight, AsyncStorage, Alert } from 'react-native';
import { Button } from 'react-native-elements';
import Icon from 'react-nativ
浏览 0提问于2019-03-15得票数 4
回答已采纳
1回答
我试着用Jest测试我的。我的应用程序使用了一些本地模块，我甚至无法运行最初的测试。
我的应用程序使用具有本机依赖关系的组件react-native-camera。
初步测试：
import 'react-native';
import React from 'react';
import Index from '../index.ios.js';
// Note: test renderer must be required after react-native.
import renderer from 'react-test-re
浏览 1提问于2017-02-02得票数 1
2回答
我有一个外部函数，它从json文件中获取数据，我想使用这个函数为我的组件提供问题数据，我如何管理这个函数来工作呢？
以下是我尝试过的，但行不通的：
构成部分：
屏幕/QuizzQuestion.js
import React, { Component } from 'react';
import { View, Text, StyleSheet, Button} from 'react-native';
import { getQuestionData } from '../utils/utils'
export default class Q
浏览 1提问于2019-10-27得票数 0
回答已采纳
1回答
我想创建一个简单的问答应用程序。
当我运行以下代码时，Quiz.tsx中的第77行
<Text style={styles.text}>{question.question}</Text>
下面显示的是错误：
TypeError: TypeError:未定义不是对象(计算'question.question')
可能是因为render()比nextQuestion() 在最后一个问题之后完成得更快。
我怎么才能解决这个问题？
Quiz.tsx
import React from "react";
import { View, Styl
浏览 1提问于2019-11-21得票数 0
回答已采纳
我想在react本机中使用React.memo进行优化。
import React from "react";
import { View, Text } from "react-native";
const Memo = React.memo(function() {
return (
<View>
<Text>Ok</Text>
</View>
);
});
class Demo extends React.Component {
render() {
retu
浏览 0提问于2018-11-17得票数 12
1回答
我正在制作一个使用expo的react应用程序，我想让我的TopicSection元素中有孩子。我遵循了允许在JSX元素中包含孩子的做法，并编写了以下代码。我尝试过使用this.props.children，但无论哪种方式，它都会给出"TypeError:未定义的不是对象(计算'props.children')“。
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Ionicons } from &
浏览 0提问于2020-03-30得票数 0
错误: TypeError:无法读取异步(G:\React-Native\Native\chatmat\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)的processModule (G:\React-Native\Native\chatmat\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)的未定义的resolveDependencies processModule的属性'reduce‘异步addDependen
浏览 31提问于2021-10-13得票数 0
我正在尝试打印一个数组，它的名称是根据选定的值计算的。例如：
const ANotes = ["B", "C", "D"];
const keyNotes = MyNotes[selected] + "Notes"; //value is ANotes
尝试将其呈现为：
<View>
{{keyNotes}.map((item, key)=>(
<Text key={key}
//style={styles.TextStyle}
浏览 0提问于2020-06-10得票数 0
我很新的反应-本机，并一直击中以下错误，同时试图设置我的appNavigation和redux。
TypeError：(0，_reactNavigation.addNavigationHelpers)不是函数。(在'(0，_reactNavigation.addNavigationHelpers)({dispatch:dispatch，状态:nav})“(0，_reactNavigation.addNavigationHelpers)‘中未定义.
代码-->
App.js -
import React from 'react';
import store f
浏览 0提问于2020-02-05得票数 2
我的登录页面
import React, { useState } from 'react'
import { TouchableOpacity, StyleSheet, View, ImageBackground } from 'react-native'
import { Text } from 'react-native-paper'
import Logo from '../Component/Logo'
import Header from '../Component/Header'
import But
浏览 0提问于2021-10-05得票数 0
回答已采纳
1回答
我试图在我的项目上运行react-navigation v4，但是它在启动时总是崩溃
我重置了现金一百次，检查每个版本是否一致，并一步一步地遵循react-navigation文档的HelloWorld，即使是一个简单的例子也不起作用：
import React from 'react';
import { Text } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { AppRegistry } from 'reac
浏览 0提问于2019-10-26得票数 1
我刚刚从0.24更新到RN 0.27，所有这些“超级表达式必须是空的或者是函数，而不是未定义的”错误开始弹出。经过一些研究后，我意识到RN 0.26中有一个突破性的变化，所以我改变了我的导入语句，就像和其他关于这个主题的StackOverflow帖子中指出的那样。在更改了所有组件类之后，我仍然看到以下内容：
babelHelpers.js中的inherits函数是：
babelHelpers.inherits = function (subClass, superClass) {
if (typeof superClass !== "function" &am
浏览 0提问于2016-06-19得票数 2
我试图在加载到WebView通知上的iOS中执行javascript。我试图获得一个痛苦的简单示例来工作，但它总是抛出一个未定义的或TypeError。
以下是代码：
import React, { Component } from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import { WebView } from 'react-native-webview';
export default class App extends Compo
浏览 5提问于2020-02-20得票数 0
我试图从database.but中获取所有文本(像帖子一样)，显示错误的TypeError:未定义不是一个函数(靠近‘...posts.map.’)
下面是我的代码：
import React, {useEffect, useState} from 'react';
import {ActivityIndicator, Text, View, FlatList} from 'react-native';
import stylesheet from '../src/styles/HomeStyle';
import Asy
浏览 2提问于2020-02-15得票数 0
当导航到另一个页面时，它会给出一个未定义的错误。通常不会进行任何更改。我删除了node_modules并重新安装。我重设了密码。我删除了项目并重新启动。但是没有解决的办法。
TypeError:未定义不是对象(计算“”options.routeGetIdListaction.payload.name“”)
import { Button, View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { create
浏览 0提问于2021-02-04得票数 5
我有这个问题的反应本机，反应导航，即使有这个错误导航流仍然工作。
类型' string‘的参数不能分配给类型'{ key: string；params?：undefined；merge?：boolean；}{ name: not；key?：string\未定义；params: not；merge?：boolean；}'.ts(2345)
export function LoginContainer() {
const navigation = useNavigation()
async function handleSignInEmail() {
浏览 15提问于2022-01-18得票数 0
在mac上运行npm install -g react-native项目时，我得到了一个TypeError。 完全错误 TypeError:无法对属性stat进行结构分析，该属性未定义或为空。在对象上。(/usr/local/lib/node_modules/npm/node_modules/@npmcli/node-gyp/lib/index.js:2:29)
浏览 24提问于2020-12-10得票数 3
1回答
我将上传一个用于我的react本地应用程序的keystore，所以我将这个命令运行到我的终端中，并得到这个错误
无法读取未定义的属性“状态”
TypeError:无法读取未定义的属性“状态”
_getForPlatformAsync (/@expo/xdl@55.0.14/src/Project.js:163:70)
在process._tickCallback (内部/process/next_tick.js:68:7)
这是我的app.json
{
"expo": {
"name": "LostInTunisia
浏览 1提问于2019-07-09得票数 2
为什么我的应用程序只显示加载屏幕？当我运行我的应用程序比它唯一的加载，不显示其他屏幕和显示警告
警告可能未处理的承诺拒绝(id: 0)：TypeError:未定义的is
我想这段代码有问题
import React, { useEffect } from 'react';
import { View, ActivityIndicator, StyleSheet} from 'react-native';
import { AsyncStorage } from '@react-native-async-storage/async-storage'
浏览 6提问于2022-11-18得票数 0
回答已采纳
我使用的是ConnectyCube React Native SDK，但用得并不多。在使用它的方法时，我得到了错误，说它们是未定义的，就像这样：TypeError: Cannot read property 'createSession' of undefined。当I console.log ConnectyCube.createSession它记录：
ƒ createSession(params, callback) { this.auth.createSession(params, callback); }。
我已经使用react-native lin
浏览 21提问于2019-08-06得票数 0
回答已采纳
我知道的问题。我已经安装和配置了这种反应本机相机：
yarn add react-native-camera --save
react-native link react-native-camera
将这些添加到AndroidManifest.xml中
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-pe
浏览 0提问于2019-05-25得票数 0
未处理的承诺拒绝: TypeError: TypeError不是一个函数。(在'CameraManager.checkIfRecordAudioPermissionsAreDefined()'，中，'CameraManager.checkIfRecordAudioPermissionsAreDefined‘未定义)
return (
<View>
<Text>Welcome to React Native QRScanner!</Text>
<RNCamera
ref={ref =>
浏览 0提问于2019-12-22得票数 3
1回答
我有两个模块firebase和react-native-firebase，我想两者都导入，如何做到这一点？
import firebase from 'firebase'
import {firebase as firebase2} from 'react-native-firebase';
当我想使用它的时候，const messaging=firebase2.messaging()
'_reactNativeFirebase.firebase.messaging')错误:未处理的JS异常: TypeError:未定义不是一个对象(求值 )
浏览 4提问于2020-01-14得票数 2
尝试在React本机应用程序中创建BottomTabNavigtor。这是我的导航密码。
import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { Platform } from "react-nat
浏览 1提问于2020-02-10得票数 0
回答已采纳
我面临这个问题: TypeError:无法读取未定义的属性“initialPreferences”
从‘react本机-外观’导入{ _1_m}；_{_
在对象上。(node_modules/react-native-appearance/lib/commonjs/index.tsx:15:1) at Object.(src/Core/helpers/Core s.js:1:1)
谢谢你。
浏览 0提问于2021-08-30得票数 1
在将RN升级到0.62.2之后，它失败了，然后显示上面的评估'process.version.split‘。
TypeError:未定义不是对象(计算“”process.version.split“”)
问题出在rn-nodeify上
{
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native
浏览 0提问于2020-06-09得票数 1
环境：
Windows 10
Node js: 10.x
Expo: 35.0.0
React: 16.8
React-native: 0.62.0
React-navigation: 3.0.7
开发了一个简单的应用程序，用于测试android应用程序上的导航，面临以下错误：
"TypeError:无法读取未定义的属性'measureInWindow‘“
如有任何建议，将不胜感激。谢谢,
浏览 2提问于2020-04-03得票数 2
React-native。在子类中，super.method是未定义的。为什么父类方法在超类中不可见？
export class ParentClass {
constructor(field) {
this.field = field;
}
protected ruleMatch = (type: string): string => {
return type;
}
onGetRule = (type: string) => {
return this.ruleMatch(type);
浏览 2提问于2021-07-29得票数 0
2回答
我试图在按下TouchableOpacity组件时增加视图的高度，但它不起作用。我做错什么了？我应该使用lifeCycle组件吗？
import * as React from "react";
import {
View
} from "react-native";
import * as Animatable from "react-native-animatable";
import Animated from "react-native-reanimated";
const Screen_Height = Dimen
浏览 3提问于2020-02-24得票数 1
我有一个API类，我试图在一个React应用程序中使用它。
// API file
class API {
...
}
export default API;
// Other file
import API from "utils/API";
const api = new API();
我发现了一个错误：
TypeError: _API.default is not a constructor
但是..。好像我的默认设置好了？
我的Jest设置如下：
"jest": {
"setupFiles": [
"
浏览 43提问于2022-04-15得票数 1
回答已采纳
正在尝试获取推送通知中的操作单击事件，为此，我有以下用户方法 import PushNotification from 'react-native-push-notification';
import PushNotificationIOS from '@react-native-community/push-notification-ios';
import PushNotificationAndroid from 'react-native-push-notification';
PushNotificationAndroid.regis
浏览 16提问于2020-08-11得票数 1
1回答
我想为用Express、JS和MongoDB创建的项目创建一个Restful。这是我的代码，通过JSON编码检索所有用户：
router.get('/GetAllUsers', function(req, res) {
Users.find({}).then(eachOne => {
res.json(eachOne);
});
});
当我用Postman检查它时，它正确地显示了JSON格式。当我想使用React Native获取数据时，它会显示我和错误，调用：
[Unhandled promise rejection: TypeError: Netwo
浏览 1提问于2018-03-31得票数 1
回答已采纳
我正在学习react native。我尝试在两个视图之间创建导航，但发现错误**'TypeError: displayDetailForFilm不是一个函数。(在'displayDetailForFilm(film.id)‘中，'displayDetailForFilm’是未定义的) **这是我的代码：
import React from 'react'
import { StyleSheet, View, TextInput, Button, Text, FlatList, ActivityIndicator} from 'react-nati
浏览 14提问于2021-02-16得票数 0
最近，我将世博升级为^44.0.0，并得到了以下错误: TypeError：(0，_native.createNavigatorFactory)不是函数。(“(0，_native.createNavigatorFactory)(StackNavigator)'，'(0，_native.createNavigatorFactory)”中未定义)
我到处搜索，更新了所有的东西，但我似乎无法让它起作用。我做错了什么？
这是我的package.json内容：
"@react-navigation/core": "^6.1.1",
"@react-
浏览 15提问于2022-03-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
