React Native:使用prop作为源的镜像会导致错误
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发人员使用JavaScript和React编写一次代码，然后可以在iOS和Android等多个平台上运行。
在React Native中，prop是一种用于传递数据和配置信息的机制。它允许开发人员将数据从父组件传递到子组件。然而，如果使用prop作为源的镜像，可能会导致错误。
这是因为React Native中的prop是只读的，意味着子组件不能直接修改从父组件传递过来的prop。如果尝试在子组件中修改prop的值，React Native会抛出一个错误。
为了避免这个错误，开发人员应该遵循React Native的数据流动原则，即通过props从父组件传递数据给子组件，但不应该在子组件中修改这些props的值。如果需要在子组件中修改数据，应该使用state来管理。
对于React Native的开发，腾讯云提供了一些相关产品和服务，例如：
- 云开发（https://cloud.tencent.com/product/tcb）：腾讯云云开发是一款面向开发者的一体化解决方案，提供了云函数、数据库、存储、托管等功能，可以帮助开发人员快速构建和部署React Native应用。
- 移动推送（https://cloud.tencent.com/product/tpns）：腾讯云移动推送是一款高效、稳定的消息推送服务，可以帮助开发人员实现消息推送功能，提升用户体验。
请注意，以上只是腾讯云提供的一些相关产品和服务示例，其他云计算品牌商也可能提供类似的产品和服务。
相关·内容
ulimit -a日志：
core file size (blocks, -c) 0
data seg size (kbytes, -d) unlimited
file size (blocks, -f) unlimited
max locked memory (kbytes, -l) unlimited
max memory size (kbytes, -m) unlimited
open files (-n) 65536
pipe size
浏览 2提问于2015-05-25得票数 3
回答已采纳
我正在学习React-Native，并在我的项目中使用react-native-snap-carousel。我想显示一些图像，但是我得到了错误的Cannot read property 'concat' of undefined。 这是我的代码。 const HomePage = (props) => {
let imageList = ['../images/index-bg.png', '../images/down.png'];
const renderImage = ({ item, index }) => {
浏览 17提问于2019-06-20得票数 0
回答已采纳
我目前正在尝试做Ios版本的教程。
本教程简要介绍了如何在react本机通过via本机-创建-桥中使用本机模型。
我应该在课文下面看到一个简单的蓝色盒子。然而，我得到的错误‘不能准备属性’字符串‘的未定义。
在检查了所讨论的行并删除.string部分之后。但是，该页现在呈现时没有预期的蓝色框。
这就是ThirdSquareNativeView.js的样子
// Created by react-native-create-bridge
import React, { Component } from 'react'
import { requireNativeCompon
浏览 1提问于2018-09-19得票数 0
回答已采纳
3回答
我正试图建立我的项目，但似乎jcenter已经失败了。
$ cd android $ sudo ./gradlew assembleRelease
> Task :app:lintVitalRelease FAILED
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:lintVitalRelease'.
> Could not resolve all artifacts for configuration ':react
浏览 30提问于2022-01-16得票数 0
我正在尝试使用从获取的画布，但是，在尝试生成时，WebView似乎创建了以下错误：
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of 'Canvas'
我已经从包含画布的index.ios.js中附加了一个片段。任何关于WebView产生这个错误的原因的帮助都将是非常有用的(如果你移除WebView并离开视
浏览 1提问于2017-03-30得票数 0
误差
deprecated-react-native-prop-types
“react原生”："0.69.1"，
I am facing this issues when I installed any of this library
-react-native-snap-carousel
-react-native-fast-image
需要模块"node_modules/react-native-snap-carousel/src/index.js"，，该模块抛出异常:不变冲突: ViewPropTypes已从React中删除。迁移到从“反推荐-反应-本
浏览 14提问于2022-07-28得票数 1
我试图从世博会相机捕获图像，但当我提醒我的照片时，这里没有显示我的组件的完整代码
import React from 'react';
import { Text, View, TouchableOpacity } from 'react-native';
import { Camera, Permissions } from 'expo';
import {
Container,
Title,
Content,
Header,
Button,
Switch,
Left,
Body,
Right,
List,ListItem,Thumb
浏览 0提问于2018-11-09得票数 1
刚刚从expo 21.0.0更新到22.0.0，我得到了这个错误：
这是我的package.json：
{
"name": "APP",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.5.0",
"jest-expo": "^22.0.0",
"react-
浏览 5提问于2018-02-13得票数 1
尝试使用react-native run-android.I时出现错误。我不知道为什么会出现这个错误。
FAILURE: Build failed with an exception.
* What went wrong:
A problem occurred configuring project ':app'.
> Could not resolve all dependencies for configuration ':app:_debugApk'.
> A problem occurred configuring project '
浏览 8提问于2018-12-11得票数 3
1回答
我已经将我的世博会应用程序expo sdk 44升级到了expo sdk 46。
升级之后，我得到了这个错误，并试图在过去的4天中计算这个错误。任何帮助都是有帮助的。
以下是错误：
ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'.
Invariant Violation: "main" has not
浏览 23提问于2022-08-22得票数 1
回答已采纳
1回答
请任何人帮助我修复此错误“错误不变违反: ViewPropTypes已从help本机移除。迁移到ViewPropTypes导出从‘反对-反应-本机-支柱-类型’。”我尝试过很多事情，比如删除节点模块，npm，安装，不推荐的-反应-本机-支持-类型，但是没有什么对我有用，我现在该怎么修复呢？
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"an
浏览 5提问于2022-09-22得票数 0
我有一个使用Expo.WebBrowser的基本示例，它给出了错误：
import { WebBrowser } from 'expo'
'expo' does not contain an export named 'WebBrowser'
依赖关系：
"buffer": "^5.1.0", "color-hash": "^1.0.3", "debug": "^3.1.0", "eventemitter2":
浏览 3提问于2018-06-15得票数 1
回答已采纳
2回答
我刚开始使用React，我正在TaskList.js类型的arrayOf文件中实现arrayOf，但在编译应用程序时，我得到了一个错误，指示“未定义不是一个对象(计算'react3.default.PropTypes.arrayOf ')”，即使我添加了另一个字符串类型的PropTypes或另一个PropTypes，也会发生同样的事情。
如何使用PropTypes解决这个问题？
误差
package.json
{
"name": "test",
"version": "0.1.0",
"
浏览 0提问于2018-03-26得票数 0
回答已采纳
错误：
undefined is not an object (“evaluating _react3.default.PropTypes.shape”)
...
<unknown>
App.js 15
...
参考：
App.js：
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
import NavigationExperimental from 'rea
浏览 3提问于2017-10-15得票数 2
在android模拟器上运行react-native程序时，我遇到了这个错误。这里的react2是什么？我尝试过很多方法，比如在android项目文件夹中添加依赖项，这是我的package.json的一些代码片段
"dependencies": {
"react": "16.0.0",
"react-native": "0.50.2",
"react-native-button": "^2.1.0",
"react-native-router-
浏览 0提问于2017-11-08得票数 0
因为ViewPropTypes已经从“react原生”中删除了，并且使用它的包没有更新。此错误出现在生成应用程序之后。
ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'.
ERROR Invariant Violation: Module AppRegistry is not a registered callabl
浏览 73提问于2022-06-25得票数 30
我将尝试在react本机项目中使用。但它返回了这个错误。未定义的不是一个对象(计算'React.PropTypes.func')
这是我的package.json文件。
{
"name": "app-test",
"version": "0.1.0",
"private": true,
"devDependencies": {
"jest-expo": "25.0.0",
"react-native-scri
浏览 2提问于2018-02-10得票数 0
我正在尝试在whatsapp上分享一个生成的二维码作为视图截图。为此，我使用了react-native-view-shot和react-native-qrcode-svg，如下所示： import React, { useState, useRef } from 'react';
import { StyleSheet, Text, ScrollView, TextInput, TouchableOpacity, Alert, View, Share } from 'react-native';
import QRCode from 'react-na
浏览 24提问于2021-04-27得票数 1
我在日志中得到了这个警告：
ViewPropTypes将从反应本地人中移除。迁移到从“反推荐-反应-本机-支柱-类型”导出的ViewPropTypes
甚至我在代码中任何地方都没有使用ViewPropTypes。
我的一些包裹是：
"@react-navigation/native": "^6.0.8",
"@react-navigation/native-stack": "^6.5.2",
"native-base": "^2.13.14",
"react": "1
浏览 135提问于2022-04-01得票数 30
1回答
我试图使用类组件语法向屏幕添加导航。
我现在有两个屏幕在堆栈导航器中。在我的第一个屏幕(配置文件)，我有一个按钮，我想用来触发另一个屏幕。
我得到了一个“道具的标题必须是字符串”错误。我假设导航支柱应该已经存在，当我用测试操作替换导航语句时，它加载得很好，并且工作正常。
下面我包含了主App.js，它有我的堆栈声明，然后是在呈现中有问题按钮的profile.js。我还包括了我的package.json的家属。在这里可以看到一个实时版本&<snack.open.dev/ERocq68UX>
import { NavigationContainer } from '@r
浏览 2提问于2022-10-03得票数 1
回答已采纳
当我初始化一个新的React Native项目时，我得到了几个警告，比如 warning react-native > create-react-class > fbjs > core-js@1.2.7: core-js@<2.6.8 is no longer maintained. Please, upgrade to core-js@3 or at least to actual version of core-js@2. 和 warning "react-native > metro-react-native-babel-transformer@0
浏览 23提问于2019-08-27得票数 0
我有一个应用程序在Xcode9上的CircleCI上运行得很好，但我们需要将Xcode版本提升到10.1.0。 但当我切换它时，Ci停止工作，即使启用了遗留系统(-UseNewBuildSystem=NO或-UseModernBuildSystem=0被传递给Fastlane的build_ios_app)，我也得到了"Myapp.app/main.jsbundle不存在“的错误。 ▸ + echo 'error: File /Users/distiller/project/ios/build/Build/Intermediates.noindex/ArchiveInterme
浏览 62提问于2019-01-30得票数 8
回答已采纳
例如。我有馈送和上传组件。我也有ImageFeedList组件在馈送，上传组件
(Feed.js)
import React, {useContext, useState, useEffect} from 'react';
import {StackNavigationProp} from '@react-navigation/stack';
import {RandomUserDataContext} from '~/Context/RandomUserData';
import ImageFeedList from '~/Compon
浏览 22提问于2021-02-14得票数 1
回答已采纳
我正在试着解决以下错误
import AppLoading from 'expo-app-loading';
相反，
import { AppLoading } from "expo";
但仍然不起作用
在加载时，node_modules/expo-app-loading/build/AppLoading.js:8:12抛出了一个意外的错误:错误:如果在startLoadingAppResourcesAsync._catch$argument_中的AppLoading中提供了startAsync，则需要AppLoading onError支柱。
这是我的App.
浏览 8提问于2022-02-24得票数 0
1回答
该错误出现在包含React Native和Firebase的TypeScript项目上： "@react-native-community/google-signin": "^4.0.3",
"@react-native-firebase/app": "^8.2.0",
"@react-native-firebase/auth": "^8.0.8",
"@react-native-firebase/firestore": "^7.2.2
浏览 6提问于2020-07-13得票数 2
结帐后，当我说react-native run-android时，我得到了下面的错误。
Metro Bundler has encountered an internal error, please check your terminal error output for more details
下面是我的项目中的package.json。
{
"name": "NCAPRNRedux",
"version": "0.0.1",
"private": true,
"scri
浏览 9提问于2018-02-06得票数 8
版本
"react": "16.0.0-alpha.6",
"react-native": "0.43.4",
"react-native-router-flux": "^3.38.1"
一切工作都很完美，但安装后react-native-router-flux都是死掉的，给了太多的错误。
Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: react-native
浏览 0提问于2017-04-24得票数 0
回答已采纳
每当我的代码在本地运行世博时出现错误时，我也会收到以下错误消息：
Error: ENOENT: no such file or directory, open 'C:\Users\kudo\01_Work\Repos\expo\expo\android\versioned-react-native\ReactAndroid\hermes-engine\.cxx\MinSizeRel\6d3b5k69\x86\lib\InternalBytecode\InternalBytecode.js'
现在，如果我修复了代码错误，例如缺少一个括号，那么前面提到的错误也会消失，并且一切正常。
浏览 34提问于2022-12-03得票数 1
我用世博SDK 44开发了我的应用程序，但当我试图推动这个应用程序去玩商店时，谷歌阻止了它，说我应该有一个API级别为31，而我只有30。在一些研究之后，我发现我应该把我的世博SDK升级到46。我这样做了，但从那时起，我遇到了一些奇怪的错误，我花了3天时间寻找解决方案，但仍然没有效果。这是我的package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"setup": "./scripts/setup.sh",
&
浏览 7提问于2022-09-29得票数 0
回答已采纳
我已经掌握了React，但我今天第一次开始了一个React-Native项目。我的代码目前非常简单，但我似乎无法让它工作。我得到以下错误：
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.%s,
in RCTView (at View.j
浏览 46提问于2019-08-16得票数 1
回答已采纳
2回答
我正在尝试获取本地图像的高度，以便在React-Native上缩放它。我尝试了下面的代码，但是我得到了Failed to get size for image: ../../images/body.png错误。
scaleImg(h) {
Image.getSize('../../images/body.png', (width, height) => {
const scaleFactor = height / h
const imageWidth = width / scaleFactor
this.setState({im
浏览 3提问于2017-07-21得票数 2
经过一些网上搜索，我找到了一些像样的代码来作为我的需求的基础。我已经成功地从我的web API中检索了数据，并在页面视图FlatList上显示了内容。但是，从API检索到的图像URL没有被处理，我不确定原因。 这是我的结果 ? /**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
Pla
浏览 21提问于2019-01-11得票数 1
回答已采纳
我需要在我的应用程序中使用切换开关(library git: dooboolab/react-native- switch - toggle )。我在react-native中使用typescript。当我为onPress gestureResponderEvent设置函数时，出现错误。上面写着: void类型不能赋值给boolean类型。
import React, {Component} from 'react';
import SwitchToggle form 'react-native-switch-toggle';
import {View} fro
浏览 0提问于2019-06-20得票数 1
你好，我删除了我的节点模块文件夹和包lock.json文件。
在运行npm install时，我得到了以下错误：
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: burp-react-native@1.0.0
npm ERR! Found: prop-types@15.6.2
npm ERR! node_modules/prop-types
npm ERR! prop-types@"^15.6.2" f
浏览 0提问于2021-12-02得票数 0
我开始学习React Native了。我按照推荐的说明操作：
react-native初始化myProject。因此，为了测试正在运行的应用程序，我使用远程JS调试来检查是否一切正常。
然后我发现propTypes和createClass被弃用了。
我不知道如何将其迁移到新版本。(说明是针对React的，而不是React Native的，我没有使用createClass，而是扩展了组件)
以下是我的依赖项："react"："16.0.0-alpha.12"，"react-native"："0.45.1"，
下面是我的代码
浏览 0提问于2017-06-28得票数 0
1回答
我试图在react本机中使用导航，但是当我尝试使用带有导航的组件(LogIn)时，它会给我一个错误
<Login/>
标签。
它说导航是不正确的，所以我把导航作为一个支柱，但没有成功。
App.js
import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
import Login from "./ass
浏览 3提问于2021-07-14得票数 0
回答已采纳
1回答
我是react的新手&我正在尝试将本地图像添加到我的react应用程序中。这就是我目前所拥有的，<Image source={require("images/pic.jpeg")} />
但是我不明白为什么我会得到这个错误。
ERROR 00:24 Unable to resolve "images/pic.jpeg" from "App.js"
我还安装了Image组件，并创建了一个单独的图像文件夹。我使用的是iOS模拟器。
如果有人能帮我解决这个问题，那就太好了！提前感谢！
浏览 0提问于2020-10-03得票数 0
您好，我正在尝试从我的react原生前端向我的nodejs后端API发送请求。无论是get还是post请求，这个错误都是随机弹出的，非常烦人。我已经测试了我使用ngrok公开的API url，它在postman上工作得很好，所以我不明白为什么当我的前端试图发送请求时，它不能工作。有时它可以工作，但有时它显示了一个我无法解决的奇怪的错误。非常感谢您的帮助！ JSON Parse error: Unexpected identifier "Tunnel"
* [native code]:null in parse
* node_modules/promise/setimmed
浏览 23提问于2020-06-17得票数 0
回答已采纳
1回答
我们最近将react原生代码库升级到React导航的版本5，并在此过程中重构了几个组件，从类组件到功能组件。这意味着我们使用了像useNavigation()和useRoute()这样的钩子。 当我们进行单元测试时，我很难弄清楚如何解决我所面临的问题。在测试运行时，导航和路线道具的状态似乎不可用。例如，我从Jest得到以下错误： ● <EULA /> › Rendering › should match to snapshot
TypeError: Cannot read property 'name' of undefined
27 |
浏览 36提问于2020-10-22得票数 3
以下是错误：
其他的东西都表现得很好，而不是我的形象。我使用的图像，保存在我的本地计算机，我没有错误的VC编辑器控制台。我在开发工具控制台中出错。
./card/index.jsx
import React from 'react'
const Card = (props) => {
console.log(props);
return (
<div className="wrapperDiv">
<img src={props.img} alt={prop
浏览 4提问于2021-07-20得票数 1
回答已采纳
如何修复此错误，我正在使用expo本机错误不变的违规: ViewPropTypes已从ReveNative中移除。迁移到从“反推荐-反应-本机-支柱-类型”导出的ViewPropTypes。这是错误，请检查我提供的代码。
我的package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --and
浏览 21提问于2022-09-20得票数 -2
我在做样例反应-本地应用程序。因为我最初在App.js文件中使用了App.js，并安装了反式-本机-非推荐-自定义-组件的导航，但我得到了错误
谁能给我建议一下，如何解决这个问题。
package.json
{
"name": "sampleApp",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/reac
浏览 0提问于2017-10-17得票数 3
2回答
我今天运行了我的Android RN项目，出现了以下错误
Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.
> com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives:
Learn how to resolve the issue at https://developer.android.com/studio/build/dep
浏览 0提问于2019-06-23得票数 7
我正在尝试根据用户设备id生成二维码，但是我得到了空白输出，可能的错误是什么？ import React from "react";
import { StyleSheet, View } from "react-native";
import DeviceInfo from "react-native-device-info";
import QRCode from "react-native-qrcode-svg";
import Button from "../components/Button";
f
浏览 9提问于2020-10-30得票数 1
我使用的是开发模式，我需要我的控制台足够清晰。如何删除组件中的react prop类型警告？我在堆栈中使用了react-native-web，它可能会导致这些警告。
浏览 10提问于2018-01-29得票数 3
react-native: 0.49.5 react-native-cli: 2.0.1节点: 8.6.0
在运行我的应用程序时出现此错误。在我开始在我的react原生应用程序中使用proptypes之后，它就开始随机地出现问题(不要认为这就是问题所在)。
我尝试注释掉我的store和proptypes，看看这是否会影响到任何东西，但我仍然得到相同的错误。
注意:我尝试从我的package.json中删除插入符号，然后删除node_modules，最后再次安装都没有效果。
UDPATE:我做了更多的挖掘，得到的错误是这样的：
Error: ENOENT: no such file or dir
浏览 30提问于2018-08-05得票数 0
1回答
反应乡土抽屉
、、
反应导航，抽屉的问题
所以，我的问题是:当我点击菜单图标时，抽屉没有打开，我使用的是react导航-抽屉，我得到了错误："TypeError:undefined不是一个对象(计算'navigation.navigate')“。这是我的密码：
import {createDrawerNavigator,NavigationActions} from 'react-navigation-drawer';
import {TouchableHighlight,View} from 'react-native';
import React fro
浏览 3提问于2020-04-22得票数 0
我有一个问题，我的应用程序停止在闪屏后，升级到处理较新的设备。我正在运行以下代码。
"react": "^16.2.0",
"react-native": "^0.51.0",
打包程序中没有错误，但在xCode中我看到了以下内容
Unhandled JS Exception: Module AppRegistry is not a registered
callable module (calling runApplication)
和
[tid:com.facebook.react.ExceptionsManagerQueu
浏览 4提问于2017-12-19得票数 5
2回答
我在React Native应用中找到了很多使用Gmap(地图、标记、动画、地理定位)的解决方案。但我找不到任何使用Gmap方向的指南。如何在React Native中使用Google地图方向API和在地图上绘制方向？这个问题可以通过默认的MapView来解决吗，或者需要自定义包？
浏览 2提问于2016-06-16得票数 6
我正在运行react-native run-android，在构建过程中，这是我得到的错误。我使用的是最新版本的android studio。我用react-native init启动了一个新的示例项目，当我通过android运行它时，它告诉我我正确地安装了android studio，但我没有解释为什么我无法完成现有的项目。 Execution failed for task ':app:processDebugResources'.
> Android resource linking failed
Output: /Users/arronlinton/Loc
浏览 112提问于2019-02-03得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
