React Native error: Raw “ ” must be wrapped in an explicit <Text> Component

最新推荐文章于 2021-06-29 14:49:44 发布
最新推荐文章于 2021-06-29 14:49:44 发布
阅读量2.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meng1128/article/details/70859663
版权

之所以 出现 这样错误 应为 React 把标签 与标签直接的空格 认为了是字符 让你 用Text


以下两种是正确的书写规范

RawText " " must be wrapped in an explicit <Text> component.
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:17438:14
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
mountChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19820:56
initializeChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19279:41
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19339:28
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
mountChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19820:56
initializeChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19279:41
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19339:28
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
mountChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19820:56
initializeChildren
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19279:41
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:19339:28
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
performInitialMount
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20463:48
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:20367:40
mountComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16635:49
mountComponentIntoNode
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:21606:46
perform
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16921:24
batchedMountComponentIntoNode
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:21613:22
perform
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16921:24
batchedUpdates
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16446:33
batchedUpdates
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:16515:41
renderComponent
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:21658:32
render
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:7486:42
renderApplication
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:46767:21
run
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:46555:33
runApplication
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:46595:26
__callFunction
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:5057:47
<unknown>
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:4928:29
guard
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:4892:7
callFunctionReturnFlushedQueue
    index.android.bundle?platform=android&dev=true&hot=false&minify=false:4927:12

meng1128
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RawTest '1' must be wrapped in an explicit <Text> component
吴蕴强的博客
09-19 2492
错误： 错误代码： 'use strict'; import React, {Component, PropTypes} from 'react'; import { Image, ListView, TouchableHighlight, TouchableOpacity, StyleSheet, Text, Dimensi
RawText " " must be wrapped in an explicit <Text> component
天方夜歌的博客
04-06 695
今天在写博客的时候，本来打算写一些学习的过程，现在19:00了，可是居然出现RawText " " must be wrapped in an explicit &lt;Text&gt; component这样的错误，由于初学，所有查找资料的时候，发现react-native也有如此严格的代码风格。我的代码是这样写的： &lt;View&gt; &lt;Text&gt;开发&lt;/T...
RawText "/*" must be wrapped in an explicit <Text> component
myuantao3286286的博客
10-23 3928
提示的错误信息是：文本“／＊” 必须写在内 然后我的代码块是： 发现只有注释那块用到有“／＊”字样，所以原因是react－native 的注释方法和之前用到的不一样
RN开发中报错：Invariant Violation:RawText " " must be wrapped in an explicit <Text> component 原因分析
qq_38719039的博客
02-23 883
出现情况如下：出错原因： 注解信息的位置不对，需要换行写。    
react-native 报错 Text strings must be rendered within a ＜Text＞ component.
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-29 3741
前言： react- native的标签很像微信小程序，本篇记录我做项目遇到的问题。 一、报错信息 1.Text strings must be rendered within a <Text> component. 意思：文本字符串必须在<Text>组件中呈现。 import React, { Component } from "react"; import { ActivityIndicator, StyleSheet, Text, View } from "..
react-native-error-boundary:一个简单可重用的 React-Native 错误边界组件 :bug:
07-23
yarn add react-native-error-boundary 用法 该组件在其子组件树中的任何位置捕获。 不处理本机错误。 使用这个组件非常简单。 首先，您必须导入ErrorBoundary组件。 然后，您必须将其包裹在任何可能引发错误的组件...
react-native-text-input-enhance:用于React Native的TextInput
05-11
React本机文本输入增强 演示版 入门 $ npm install react-...< TextInput xss=removed xss=removed> ( this . textInputRef = ref ) } // Use "hasRef" instead of "ref" onSubmitEditing = { ( ) => this . textInpu
web3-react-native::atom_symbol: 用于 React Native 的 Web3 原生模块
08-05
:rocket: 入门使用 ： npm install --save web3-react-native 使用 ： yarn add web3-react-native 对于低于版本，请务必执行react-native link以使本地库依赖项对您编译的应用程序可见。IOS 安装后， ios/Podfile...
react-native-animateable-text:React React Native的分支支持动画值的组件！
04-13
React Native的<Text>组件的一个分支，支持以文本形式的Animated Values！ 兼容性 动画文字版本 RN版本 > = 0.6.0 > = 0.64 > = 0.5.9 > = 0.63 安装 yarn add react-native-animateable-text npx pod-install ...
react-native-restart：具有一个目标的React Native软件包：重新启动您的React Native项目
02-02
iOS GIF Android GIF安装使用react-native < 0>= 0.62 ？ 安装react-native-restart@0.0.20及以上带yarn $ yarn add react-native-restart与npm $ npm install --save react-native-restart自动链接设置（本机> = ...
Error RawText ** must be wrapped in an explicit <Text> component 问题解决
njafei的博客
06-14 2950
今天忽然遇到一个页面崩溃，查到错误如下：Error: RawText "" must be wrapped in an explicit <Text> component. 查了代码，发现好久都没有动这块的代码了，所以非常疑惑。最后通过2分法不停地查哪里出了问题，最终查到了这个语句：return ( <View> {test && test.string &&
前端踩坑(五)--------------------------RN-项目 <Text> component出错问题
小李科技
04-06 3166
5 RN-项目 component出错问题 解决 Invariant Violation Text strings must be rendered within a component出错问题 ​ 在做react-native项目时, 碰上了这样的问题,很是不爽, 经过2个多小时的排查, 终于解决了问题,现将经验分享出来,为后来人提供帮助。 首先我们拿到问题搜索相关结果，在rn的git...
Text strings must be rendered within a Text component的一个情况
iOSTianNan的博客
06-18 4435
Invariant Violation: Text strings must be rendered within a <Text> component. This error is located at: in RCTView (at FriendposterShareDetail.tsx:345) in RCTView (at src/index.js:292) 遇到如上的错误导致闪退问题. 一般来说,是jsx中文字或者某些手误导致一些字符串没有被合适的组件包裹,如
React Native> Invariant Violation: Invariant Violation: Text strings must be rendered within a
......
11-19 1273
开始RN的学习开发，遇见了一个报错信息 报错信息 invariant Violation : Textstrings must be rendered within a < Text >component 解决方案 原因是我在代码块里面写了注释，还有可能是在某块代码里面多了；符号。 ...
React Native之Text嵌套显示
我的博客
11-01 3979
RN使用Text来显示文本信息，如果一行中显示不同风格的文字，要使用到嵌套
react-native系列(7)组件篇：TextInput输入文本框的双向绑定
@黄小泽的个人博客
02-28 3667
文本输入框是APP中最常用的交互组件，在RN中用TextInput标签表示。使用时要注意，它依然遵循双向绑定的规则，通过定义一个state状态值赋值至输入文本框的value属性中，同时组件监听onChangeText事件来获取输入文本的变化，将变化结果传递给state状态值，从而实现双向绑定。 TextInput的属性与方法 属性 描述 style 显示的样式 ...
React路上遇到的那些问题以及解决方案
热门推荐
高山上的鱼
04-01 16万+
问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name  :'Hello world!' 还有一个可能，如下
Text strings must be rendered within a <Text> component.
最新发布
06-07
这不是一个问题，而是一个错误信息。...<Text>这是一个文本字符串</Text> ``` 请注意，在 React Native 中，你不能像在普通的 HTML 中一样，在任何地方直接渲染文本。你必须使用`<Text>`组件将文本包装起来。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值