数据在控制台中显示，但不在屏幕中显示- reactjs
在React.js中，数据在控制台中显示但不在屏幕中显示可能是由于以下几种情况：
- 数据未正确绑定到组件的渲染部分：在React中，组件的渲染是基于数据的。如果数据没有正确绑定到组件的渲染部分，那么数据就不会在屏幕上显示。可以通过检查组件的props或state是否正确传递和更新来解决这个问题。
- 数据被意外地渲染到控制台中：有时候，开发者可能会不小心将数据渲染到控制台中，而不是在屏幕上显示。这可能是由于在组件的渲染方法中使用了console.log()或其他控制台输出方法。要解决这个问题，需要检查组件的渲染方法，并确保没有意外地将数据输出到控制台。
- 数据被其他组件或样式隐藏：有时候，数据可能被其他组件或样式隐藏，导致其在屏幕上不可见。这可能是由于组件的层叠样式表（CSS）或其他组件的布局问题。要解决这个问题，可以检查组件的样式和布局，并确保数据能够正确地显示在屏幕上。
总之，要解决数据在控制台中显示但不在屏幕中显示的问题，需要仔细检查组件的数据绑定、渲染方法、样式和布局等方面，确保数据能够正确地显示在屏幕上。
关于React.js的更多信息和相关产品，您可以参考腾讯云的React.js产品介绍页面：React.js产品介绍
相关·内容
1回答
如何在React.js中从父组件到子组件以及从子组件返回到父组件
reactjs、flowtype
我想使用react js创建下一个流。我有一个产品列表，当我单击该列表时，我想要重定向到单个产品表单。如果我按下此表单上的delete按钮，该产品将从数据库中删除，并显示列表。我有<List />组件和<Product />组件。我也在使用Browserify。
在<List />的render函数中，我有
if (this.state.productId) {
return <Product productId={this.state.productId}/>
} else {
return (
<Table
浏览 0提问于2015-12-01得票数 0
1回答
iPad UIViewController子视图重置问题
ios、iphone、objective-c、ipad、uiview
我不太清楚如何表达这个问题，但要保持简单；我最初为iPhone启动了我的应用程序，但现在使它变得通用了。就这样，我也开始制作iPad.xib文件.现在一切都完成了，一切正常运转，除了一件事.
在控制器上，我有一个指令按钮(当触摸时，uiview会被添加到屏幕的中心，并显示指令)。
这一切都很好，但是由于某种原因，当我在一个新的iPad控制器(来自iPad xib)上触摸它时，所有在触摸按钮之前在视图周围移动的按钮，开始恢复到最初的位置.
我确实有一个功能可以让他们这样做，但据我所知，当这个指令按钮被触动时，它不会被激活。如果是的话，我相信这个“错误”也会发生在iPhone模拟器.
有人知道吗？
浏览 5提问于2013-11-21得票数 0
回答已采纳
2回答
使用OpenGL呈现某物的最佳顺序是什么？
opengl、c++、rendering
这个问题听起来很愚蠢，但让我解释一下:我正在用C++编写一个3D渲染引擎，而我将一些东西放到屏幕上的方式似乎是不直观的：
📷
我真的希望我的作品是可以理解的。可以肯定的是，我会用语言再解释一遍。
类网格用顶点、uv坐标、法线等加载原始网格。
类模型从网格中创建VBO的数据
类着色器读取和编译着色器
类RenderObject绑定着色机
类RenderObject集制服
类RenderObject绑定VBO模型
类RenderObject绘制调用
这就是我在屏幕上画东西的方式。这是否正确的做法？这样做有多少标准的方法吗？
浏览 0提问于2017-05-08得票数 1
1回答
vendor.js:115458 -> ag-Grid:初始化列时无法找到bean引用frameworkFactory
angular、typescript、ag-grid
我用银栅显示我的数据。网格几乎出现在我们所有的屏幕上。在所有的屏幕上，它正在加载并正常工作。对于我的新任务，我创建了一个新的组件，在那里我得到了上面的错误。我试过所有的方法
I将代码与所有其他工作组件进行比较。最后，我尝试删除旧组件并重新创建该组件。，我只需从另一个组件复制和粘贴工作代码，并尝试使其工作。什么都没用。我发现台阶上缺少了什么东西。
前端: TypeScript附角-7.AG-网格:企业版: 20.2.0
我注意到在下面的用例中控制台中出现了这个错误。在我的项目中，我有一个基于视图加载多个子组件的单亲组件。
当父组件加载一个子组件时，如果我中断并更改视图以加载另一个组件，则上述内容
浏览 1提问于2020-11-18得票数 0
3回答
Flex渲染性能
apache-flex、performance、rendering
最近，我发现有几件事可以大大降低Flex应用的速度。其中之一就是使用许多嵌套的布局容器。另一件非常有问题的事情是lot的相对位置和大小的使用。
我知道在显示布局元素之前，必须进行大量的计算。我不明白的是为什么渲染一直都在做。在布局中具有一定复杂性的情况下，即使布局没有变化，CPU使用率也始终是100%。
为什么会这样呢？我能对此做些什么(不重做整个布局)？
非常感谢!
浏览 0提问于2009-12-20得票数 0
回答已采纳
2回答
当html代码移动到shell.html时，div内容不显示
durandal
我已经从网站下载了一个模板：
我正在尝试将其集成到Durandal中：
当我将html内容保存在文件中时:Durandal>index.cshtml，一切都工作得很好。但是，当我将div内容移动到shell.html时，所有内容都显示为空白，屏幕上什么也没有出现。
我可以看到shell.js触发的激活方法，控制台中没有错误。此外，activate中也没有隐藏任何内容的代码。
有没有人遇到过这样的问题呢？
浏览 1提问于2014-05-04得票数 0
1回答
外部JavaScript库添加内联样式“拒绝应用内联样式，因为它违反了以下内容安全策略指令”
javascript、security、content-security-policy、inline-styles
我已经为我的应用程序实现了内容安全策略(script-src和style-src指令)。
在测试应用程序时，我发现图表不能正常工作。
通过进一步的分析，我了解到图表库中的"“文件正在添加内联样式，同时在图表中显示数据，这就是csp违规的原因，而且图表中没有正确显示数据(因为如果我们实现csp的”style-src“，内联样式将无法工作)。
我尝试在csp中的style-src指令中添加“不安全散列”，在策略中添加散列值，并且图表运行良好，并且不会引发csp违规事件。但是，我们希望通过在策略中添加“不安全散列”关键字来解决这个问题，因为在csp中使用“不安全散列/内联”通常被认为是不安全
浏览 4提问于2022-04-13得票数 0
3回答
反应。调用API时加载多个数据
reactjs
当调用API来获取产品时，结果很好，因为它显示了屏幕上的所有产品，但是在控制台中，我看到数据被多次调用。在控制台中，console.log在加载和重新加载页面上打印6次。
const ProductList = () => {
const products = useGetProducts(`${API}?limit=5&offset=1`);
console.log("products: ", products);
return (
<section>
<div>
{products
浏览 6提问于2022-06-22得票数 -1
回答已采纳
4回答
在iOS中高性能地将RGB像素数据复制到屏幕上
ios、opengl-es、core-graphics、core-video
我们的产品包含一种软件图像解码器，它本质上是生成需要快速复制到屏幕上的全帧像素数据(我们在iOS上运行)。
目前我们使用的是CGBitmapContextCreate，我们直接访问内存缓冲区，然后对每个帧调用CGBitmapContextCreateImage，然后将位图绘制到屏幕上。在iPad的视网膜显示屏上以相当不错的帧率进行全屏刷新，这种速度太慢了(但对于非视网膜设备来说还可以)。
我们已经尝试了所有基于OpenGL ES的方法，包括使用glTexImage2D和glTexSubImage2D (本质上是渲染到纹理)，但是iPad使用率仍然很高，我们无法在iPhone3上获得超过30FP
浏览 0提问于2012-07-11得票数 2
2回答
Flex组件setActualSize
apache-flex、actionscript
我对setActualSize方法有点困惑。根据我所读到的内容，如果组件的父级没有调用它，那么该组件将不会被呈现。
因此，setActualSize似乎是一个直接绑定到呈现UIComponent的关键方法。UIComponent的width和height属性似乎还覆盖了flash.display.DisplayObject的width和height属性的功能，因为它们并不直接绑定到对象的呈现，而是在组件的父级调用组件的setActualSize方法时主要由getExplicitOrMeasured使用的虚拟值。
所以问题是：
1)为什么每个组件的默认行为不是只调用自身的setActualSiz
浏览 0提问于2012-04-02得票数 1
回答已采纳
2回答
this.props.firstCard返回未定义的
javascript、reactjs
我对react.js并不熟悉，我正在尝试math.random一个数字并将其放入this.props.firstCard属性中，但它返回未定义的值。我尝试了一些变量，但只有结果是未定义的或语法错误。代码：
handleClick() {
let firstCard = this.state.isFirstCardChosen;
function chooseCard() {
return Math.floor(Math.random() * (80 - 1) + 1);
}
if (firstCard == false) {
this.props.firstCard = chooseC
浏览 4提问于2016-12-27得票数 0
回答已采纳
3回答
我的角度路由器-出口元素上的样式属性来自哪里？
css、angular、angular2-routing
所以我有一个角度应用程序，它有非常基本的路由，我使用flexbox来布局我的组件。我无法理解的问题是这样的代码：
<div fxLayout="column"
fxFlex
class="layout__right">
<router-outlet></router-outlet>
</div>
被路由到的子组件在其SCSS中包含以下内容：
:host {
@include make-flex-container(column);
flex: 1;
}
浏览 1提问于2018-01-25得票数 0
回答已采纳
1回答
我们有一个选项卡框，其选项卡面板使用include来包含内容：
<tabpanels height="100%">
<tabpanel>
<include src="@load(vm.myTabUrl)" />
</tabpanel>
...
</tabpanels>
在生产环境中，偶尔不会显示include的内容。这种行为似乎是随机的，我们不知道如何复制它。
当发生这种情况时，生成的html包含一个inclu
浏览 0提问于2017-08-23得票数 1
2回答
响应本机可见的父视图，尽管在子视图之间没有空间。
css、react-native
我有一个屏幕设置类似于下面的代码
import React from 'react';
import { StyleSheet, View } from 'react-native';
const App = () => {
const styles = StyleSheet.create({
navContainer:{
height:64,
backgroundColor:'#333333',
},
row
浏览 0提问于2021-08-23得票数 0
回答已采纳
1回答
在执行服务器端呈现错误时，带有情感的样式会给":nth-child“带来潜在的不安全。
css、reactjs、storybook、emotion
将用于React项目，我使用padding-bottom为特定的div元素设置样式如下：
export const StyledItem = styled('div')(() => ({
'&:nth-child(1) > div:nth-child(1)': {
paddingBottom: '1px'
}
}))
并在Chrome的控制台中获得以下错误消息：
伪类":nth-child"在进行服务器端呈现时可能不安全。尝试将其更改为":nth-of-type"。
请参
浏览 4提问于2020-08-19得票数 6
回答已采纳
2回答
防火墙错误-来自此ios应用程序<empty>的请求被阻止
ios、api、firebase、cordova、ionic-framework
我们正在开发一个带有防火墙的Ionic应用程序。这是一个旧项目，与Ionic v1一起运行。我们正在利用phonegap：
PhoneGap (iOS / Android / Windows)
cli-7.1.0 (4.5.4 / 6.3.0 / 5.0.0)
一切都很好，为了发布应用程序，我们想要确保进入防火墙。
为了确保对防火墙的访问，我们限制了从GoogleAPI控制台访问GoogleAPI密钥，如下所述：
而且我们在iOS版本上遇到了麻烦(对安卓系统来说很好)。
我们所做的：
在firebase项目中创建iOS应用程序
导出GoogleService-Inf
浏览 1提问于2019-02-16得票数 14
1回答
将自定义实体集合绑定到ADF表
weblogic、ejb-3.0、oracle-adf
我在会话facade上创建了一个方法，该方法返回一个自定义实体集合。我在本地接口中发布它。我将相应的数据控件迭代器绑定到ADF表。运行时，它会显示"No data to display“。在weblogic控制台中没有例外。
public List<Users> getCollection() {
List<Users> l = new ArrayList<Users>();
Users u = em.find(Users.class, new BigDecimal(999));
System.out.println(u.ge
浏览 1提问于2011-09-29得票数 0
2回答
React/nextjs在单击按钮时获取数据，但该按钮位于另一个组件中
javascript、reactjs、typescript、next.js
当单击按钮时，我在获取当前位置的天气数据的函数中。我希望将这些数据从Location组件获取到pages/index.tsx，其中我有另一个显示该数据的组件。
这是我的组件结构：
App
--Layout
--Header
--Location (here i fetch the data on click)
--Home (state)
--Display 1
--SubDisplay 1
--Display 2
是否必须将数据通过所有组件传递到索引页？它将是：
从位置到头
从标题到布局
从布局到索引页
浏览 3提问于2022-07-18得票数 0
回答已采纳
3回答
为什么NSArrayController在插入对象后会“丢失”它的排序？
objective-c、cocoa、sorting、core-data、nsarraycontroller
我有一个绑定到NSArrayController子类属性的NSManagedObject。子类由mogenerator自动生成(它为关系创建一个set属性)。
NSArrayController绑定到network.posts，其中‘post’是一个1-M关系。注意，我绑定到的是“posts”，而不是由mogenerator生成的“postsSet”mutableSet访问器。
集合表示与另一个实体的关系。数组控制器有一个排序描述符集，当与其关联的窗口打开时，数据以正确的排序顺序显示。
然后，通过实例化一个实体，然后将它添加到关系中，添加一个新对象。
NSArrayController正确地观
浏览 8提问于2011-08-04得票数 4
回答已采纳
5回答
为什么@Input()更新数据角为8时ngOnChanges()不触发？
javascript、angular、typescript、ecmascript-6、lifecycle
parent.component.html
<parent-comp [data]="mydata"> </parent-comp>
parent.component.ts
this.service.abc$
.takeUntil(this.ngUnsubscribe.asObservable())
.subscribe((data: myType[]) => {
this.mydata= data;
});
child.component.ts
@Input data;
I类
浏览 4提问于2020-07-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
