文章/答案/技术大牛

发布

社区首页 >问答首页 >不变冲突:未找到名称的视图配置

问不变冲突:未找到名称的视图配置
EN

Stack Overflow用户

提问于 2018-04-11 22:53:04

回答 1查看 4.1K关注 0票数 1

在React-Native中我得到了错误，因为：

Invariant violation: View config not found for name MyCustomComponent.

我确实搜索了相同的错误，并发现组件名称的第一个字符应该大写，就在我的例子中。

这就是我要做的:我尝试使用名称来加载组件，而不是直接使用<MyCustomComponent />来呈现它。

这是我的代码：

<View style={{ backgroundColor: 'yellow' }} >
    {React.createElement('MyCustomComponent', {}, null)}
</View>

这里有什么问题。还有其他方法可以使用字符串加载组件吗？

react-native

createelement

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-11 23:24:02

您需要将component而不是string传递给方法。

喜欢

{React.createElement(MyCustomComponent, {}, null)}

而不是

{React.createElement('MyCustomComponent', {}, null)}

字符串只适用于tags

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49789869

复制

ReactJS 学习——组件

react

React 提倡组件化的开发方式，每个组件只关心自己部分的逻辑，使得应用更加容易维护和复用。

李振

2021/11/26

1.1K0

如何将HTML表格转换成精美的PDF

html 开源

包含表格、图表和图形的 Web 应用程序通常包含将数据导出为 PDF 的选项。你有没有想过，作为一个用户，当你点击那个按钮时，幕后发生了什么？

张张

2020/11/19

6.9K0

ReactJS 学习——组件2

react

注意上面代码中的 key，它是一个 string 类型的属性，在创建 lists 元素的时候，你需要添加这个属性，如果不添加会有 warning。

李振

2021/11/26

7060

ReactJS实战之组件通信

事件数据

这种情况下很简单，就是通过 props 属性传递，在父组件给子组件设置 props，然后子组件就可以通过 props 访问到父组件的数据／方法，这样就搭建起了父子组件间通信的桥梁。

JavaEdge

2021/03/17

4530

React JSX语法与组件

react

上面这段有趣的例子既不是标准的JavaScript也不是HTML，它就是我们接下来要介绍的JSX的语法，是一种JavaScript的扩展。在React中使用JSX描述一个UI是什么样子的，就好像HTML告诉浏览器我们看到的页面是什么样子。最开始接触JSX时会感觉它很像一种模板语言，但是除了提供模板能力之外，他拥有JavaScript所有的能力。

随风溜达的向日葵

2018/07/30

9890

用jsx写vue组件

vue.js react babel.js css

0写在前面我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推荐使用这个方式但是这种方式也有一些它的弊端，例如模版调试麻烦，或者在一些场景下模版描述可能没那么简单和方便。下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适合自己适合团队的就是最好的。 1安装在使用jsx之前我们需要安装一个babel插件（babel-plugin-t

用户1097444

2022/06/29

8890

开始学习React js

react javascript

前朝楚水

2018/04/02

7.3K0

一看就懂的ReactJs入门教程（精华版）

react mvc javascript

庞小明

2018/03/09

6.9K1

怎么转换成html格式_html怎么转换成http

html https 网络安全

工作中有些时候，领导下达指令需要将html格式的内容转换成Word格式的文档，对于很多新手来说，就着实不知道该如何下手了，如果是一个一个转换的话，内容过多就很艰难，而且十分耽误工作效率，那么html该怎么转换成word呢？

全栈程序员站长

2022/11/07

4.9K0

vue使用jsx搭建组件库

数据结构 api 编程算法

现在这篇文章只是一个使用方式，具体代码请前往：https://github.com/galaxy-s10/hss-ui-cpt，当然不能直接cv整个components过来用，因为里面依赖了一些插件，比如：less，vue-fragment，normalize.css暂时就依赖了这三个插件。

hss

2022/02/25

5650

【译】JSX 如何生成 HTML 元素？

react javascript babel.js ecmascript 编程算法

JSX 使我们更容易编写 React 组件。有些人可能会发现 JSX 具有很陡峭的学习曲线，这是完全可以理解的。它不完全是 HTML，也不完全是 JavaScript，所以学习它可能需要一些时间来适应。

腾讯IVWEB团队

2020/06/28

2.2K0

React-diff算法和React-其它内容-StrictMode.md

2023腾讯·技术创作特训营第二期

官方文档：https://zh-hans.reactjs.org/docs/reconciliation.html#the-diffing-algorithm

杨不易呀

2023/09/30

1970

ReactJS简介

react java mvc

1、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 2、ReactJS的背景和原理在Web开发中，我们总需要将变化的数据实时反应到UI上，这时

小胖

2018/06/27

4K0

深入了解React.js的JSX1 JSX 与HTML2 JSX 和HTML 的不同之处

react html java xml

JSX 是React 为JavaScript 语法带来的可选扩展，用于在JavaScript 代码中编写声明式XML 风格语法。对于Web 项目而言，React 的JSX 提供了一组类似于HTML 的XML 标签，但在其他使用场景中，会使用其他组XML 标签来描述用户界面(如React with SVG、React Canvas和React Native)。转译后，XML 会被转换为针对React 库的函数调用。这行代码： <h1>Hello World</h1> 会被转译为： React.create

JavaEdge

2018/06/07

2.2K0

React报错之组件不能作为JSX组件使用

https 网络安全 react ide linux

原文链接：https://bobbyhadz.com/blog/react-cannot-be-used-as-a-jsx-component[1]

chuckQu

2022/08/19

2.4K0

ReactJS实战之组件和Props详解

react 渲染

组件可以将UI切分成一些独立的、可复用的部件，这样就只需专注于构建每一个单独的部件。

JavaEdge

2021/03/14

1K0

初探ReactJS.NET 开发

react

ReactJS通常也被称为"React"，是一个刚刚在这场游戏中登场的新手。它由Facebook创建，并在2013年首次发布。Facebook认为React在处理SPA问题上可以成为Angular的替代品，因此如果你认为Angular和React这两种框架是竞争对手，那你的理解就对了。不过，与Angular相比，React最大的不同之处在于，它是一个更高效、具有更高性能、速度更快的类库。下图展示了使用React、Angular、Knockout（另一种类库，在本文中不做讨论），以及纯粹的JavaScript

张善友

2018/01/19

3.4K0

照着官方文档学习react

react

准备先要准备环境。搭建一个基于webpack的react环境：Hello ReactJS. 一些要点我在想是否应该完整的记录照抄的过程呢。毕竟已经开始一段，前面的要不要补上？回头看以前写过的angularJS的博客，现在完全不会了，太久没用了。所以，还是记录基础以及关注的问题就好。 1.1 基本格式 react的模板文件后缀结尾为.jsx。 react可以采用html标签拼接的方式定义一个元素。比如： const element = <h1>Hello, world</h1>; 假设页面有个div: <

Ryan-Miao

2018/03/14

2.9K0

JSX onClick 和 HTML onclick 的区别

jquery html react

在 JSX 中可以通过 onClick 这样的方式给一个元素添加一个事件处理函数，当然，在 HTML 中也可以用 onclick (小写 c)，但在 HTML 中直接书写 onclick 一直就是为人垢病的写法，网页应用开发界一直倡导的是用 jQuery 的方法添加事件处理函数，直接写 onclick 会带来代码混乱的问题。

Leophen

2021/07/08

1.8K0

如何将ReactJS与Flask API连接起来？

flask api 开发路由数据

构建既可扩展又引人入胜的现代 Web 应用程序需要使用相关技术。ReactJS和Flask是两个流行的框架，分别用于前端和后端开发。

很酷的站长

2023/08/11

4050

相似问题

ReactJS:动态更改html/jsx元素

133

如何使用webpack/reactjs运行jsx组件？

使用！在JSX的Reactjs组件中

114

ReactJs -将带有嵌套React组件的原始HTML转换为JSX

Reactjs基于jsx中的属性创建条件组件？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问不变冲突:未找到名称的视图配置
EN