Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React网站不';t满载和故障_Javascript_Html_Css_Reactjs - Fatal编程技术网

Javascript React网站不';t满载和故障

Javascript React网站不';t满载和故障,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,更新:只有当我包含从零开始计数的统计组件时,这个问题似乎才存在。当我不包括这些内容时,网站会正常加载。 我使用React.js在一个网站上工作,但有时,当我加载网站时,屏幕开始出现故障,无法正常渲染。我还附上了这个问题的截图 这是网站: 这是组件的sanbox,显示了编号:codesandbox.io/s/cold-tdd-u42lu?file=/src/App.js。 这是整个项目的githubt:github.com/KKosana318/thetidingsblog 当我第一次加载站点时

更新:只有当我包含从零开始计数的统计组件时,这个问题似乎才存在。当我不包括这些内容时,网站会正常加载。

我使用React.js在一个网站上工作,但有时,当我加载网站时,屏幕开始出现故障,无法正常渲染。我还附上了这个问题的截图

这是网站这是组件的sanbox,显示了编号:codesandbox.io/s/cold-tdd-u42lu?file=/src/App.js。 这是整个项目的githubt:github.com/KKosana318/thetidingsblog 当我第一次加载站点时,这个问题有时不会出现,但是如果你重新加载几次,你就会看到


请帮忙

我能够解决这个问题,问题是数字的div比父div宽,这导致了故障。子组件无法覆盖父组件的宽度,否则会弄乱渲染。

我猜这与CSS有关,而不是React。在CodeSandbox上有这样的代码吗,因为这样调试很困难?您是如何设置框大小的?
检查统计组件的CSS,只是为了将其隔离为一个问题,请尝试将其放入一个div和稍后的固定维度的iframe中。我非常确定这是一个React问题,因为当我删除显示统计数据并从零开始计数的组件时,问题就消失了。我不确定如何将整个项目移动到沙箱中,但下面是显示数字的组件:。另外,这里是整个项目的github:不能仅用这个来重现错误,但首先尝试删除修复它的
width:100vw
@radulle。非常感谢。所以事实上,正如我所建议的,它是CSS:D