react.js配置组件的时候报错

最新推荐文章于 2024-01-04 20:46:00 发布
原创 最新推荐文章于 2024-01-04 20:46:00 发布 · 478 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文讲述了在使用React.js过程中，因组件命名未遵循大写开头的规范导致的浏览器无法识别问题。强调了React对XML格式及大小写敏感性的要求，提醒开发者注意组件命名规则。

react.js第一次配置组件出错The tag <组件名> is unrecognized in this browser.

今天在学习react.js的时候，按照文档来的配置组件，结果就是不显示组件的内容，还报错：The tag is unrecognized in this browser.
找了半天，最后发现了错误，组件名要使用大写开头，我真的很无奈了，希望大家不要碰到我这样子的问题。
我猜测原因应该是采用的是xml格式，所以对于格式，大小写都要求比较严格。

前端 React.js 版本升级注意事项
AI架构全栈开发实战笔记
04-24 714
React.js 作为一款流行的前端 JavaScript 库，其版本的不断更新带来了性能的优化、新特性的加入以及安全性的提升。本文章的目的在于为开发者提供全面的 React.js 版本升级指南，帮助他们了解升级过程中可能遇到的问题及解决方法。范围涵盖从旧版本升级到较新版本时需要关注的各个方面，包括 API 变更、兼容性问题、新特性的使用等。本文将按照以下结构展开：首先介绍核心概念与联系，让读者了解 React.js 版本升级相关的基本原理和架构；
React--引入第三方插件时，标签名是小写报错问题
这里是迷阵的博客耶
12-03 563
2.缺少 import 语句。
React报错：The tag <demo> is unrecognized in this browser.If you meant to render a React component, sta
热门推荐
bobobocai的博客
09-10 1万+
报错信息： 报错代码： 问题描述： 此浏览器无法识别标记。如果要呈现react组件，请以大写字母开头。 报错原因： react组件首字母要大写 解决方法： ...
React.js 常见问题
weixin_34297704的博客
02-13 697
在 jsComplete，我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题，但大多数问题都是常见问题。 我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里可以快速找到一些常见问题的解决方案，而不是一，遍又一遍去找解决方法，我会持续更新这些常见的问题。 1. 组件的名称开...
taro报错The tag 「view」 is unrecognized in this browser. If you meant to render a React component, star
勾勾的博客
07-02 3483
报错截图 react-dom.development.js?61bb:88 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 报错代码 错误分析 原因：在taro，react组件名要大写，将view标签变成View就ok了 修正错误 错误解决 ...
React 问题总结
qq_41653753的博客
04-06 1078
1.React报错：The tag is unrecognized in this browser.If you meant to render a React component import React from 'react'; import ReactDOM from 'react-dom'; import hello from './hello'; ReactDOM.render(&...
什么是React.FC| 组件接受属性props有什么用 | ant design 封装独立弹框组件之-修改密码弹框组件
最新发布
西京刀客
01-04 2372
React提供了一个组件类型React.FunctionComponent，可简写React.FC。
toast-ui.react-image-editor:用于React.js的TOAST UI ImageEditor包装器
03-18
这是一个包装的React组件。 :triangular_flag: 目录 收集有关使用开源的统计信息 TOAST UI图像编辑器的React Wrapper应用Google Analytics（分析）（GA）来收集有关开源使用情况的统计信息，以便确定TOAST UI图像...
React.js类组件重构与TypeScript集成实践
结合描述和标签信息——包括“React.js”、“TypeScript”、“类组件”、“重构”、“前端开发”、“JavaScript”、“组件化”、“静态类型”、“代码优化”以及“现代Web开发”——可以深入挖掘出一系列与现代前端...
react.lazy react.suspense实现动态引入组件
weixin_41973410的博客
10-09 1387
React.lazy和Suspense的功能主要是利用了webpack对es6的import动态载入组件，可以自动实现Code Splitting。Code Spliting，即代码分割，能够“懒加载”当前用户所需要的内容，显著提高应用的性能。尽管并没有减少应用整体的代码体积，但可以避免加载用户永远不需要的代码，并在初始加载的时候减少所需加载的代码量。 React.lazy React.lazy函数能让你像渲染常规组件一样处理动态引入（的组件）。 使用之前： import OtherComponent f
The tag 「Pane」 is unrecognized in this browser. If you meant to render a React component, start its
pgLi
07-10 1225
报错信息： The tag <Pane> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 背景：用react-split-pane插件2.0.3版本时，只能导出SplitPane，使用下面范例会报告警 <SplitPane split="vertical"> <P.
The tag ＜fonta＞ is unrecognized in this browser. If you meant to render a React component, start its
LTZWL的博客
05-12 1598
写react 组件样式 styled-components 报错 是因为react 千万记住开头字母是大写 由于这个f小写了 但是这个是当成了一个组件在用 所以会一直报错 改为大写就会解决了 小伙伴们千万注意 react的项目组建开头必须大写 ...
05. React-react中的组件
言凡的博客
07-27 977
使用构造函数创建组件 开始创建 组件名必须大写 //The tag &amp;amp;amp;amp;amp;lt;hello&amp;amp;amp;amp;amp;gt; is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. 组件必须向外return一个合法的JSX创建的虚拟DOM 父...
React-使用中报错处理ERROR
weixin_45760365的博客
09-29 991
React常见错误 ①Uncaught SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag 虚拟DOM中只能有一个根标签 ②Warning: Invalid DOM property class. Did you mean className? in div 在react的jsx语法中，class是一个类的关键词，所以标签的class属性要改为className ③U
react-dom.development.js:86 Warning: Cannot update a component (`observerComponent`) while rendering
qq_26889291的博客
06-02 2156
报错前代码 改正后的代码
react-dom.development.js:86 Warning: Function components cannot be given refs. Attempts to access t
qq_26889291的博客
06-10 901
函数组件传递ref报错
自定义组件引入报错
柳牧之的博客
11-09 3392
问题描述：我今天写了一个组件，该组件和引用该组件的页面放到了相同的目录内。 报错信息： 看到了这个问题，小编很郁闷，首先想到去找度娘，发现度娘上很多人的讲解很我遇到的问题的关联不是很大。所以小编还是喜欢自己投入研究。 最后发现问题出在了组件引进的地方： 以前的引入方式： import myTree from 'myTree' &lt;script&gt; impor...
Vue -- filter 过滤器、以及在table中的使用
bobobocai的博客
06-17 9407
使用方法： // 双花括号中 {{ isActive| isActiveFitlter}} // 在v-bind 中 <div v-bind:id=" isActive | isActiveFitlter"></div> 一、组件中定义本地 Filter filters:{ isActiveFitlter:function (value){ r...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值