【问题标题】:React Components not working反应组件不工作
【发布时间】:2017-01-03 08:05:45
【问题描述】:

我有一个使用 React 创建的页面。到目前为止,一切都很好。但是现在页面加载了,一旦页面加载,所有组件都会冻结,我无法与它们交互。请务必注意,浏览器运行良好,并且不是冻结的浏览器。 如果有帮助,我正在使用 webpack 来托管页面。

这是一个示例。

基本上我有一个组件,它就像所有其他组件的父组件。父组件从服务器获取数据并传递给其他组件。 父级还传递了我可以用来从子级组件调用并再次与服务器交互的方法,这基本上是整个项目的模式。遗憾的是,即使包括样式在内的所有内容都完美加载,我也不知道为什么它开始冻结。我只是无法与之交互并按下按钮等

【问题讨论】:

  • 你有代码吗?
  • 冻结时您在做什么?您是否添加了单击事件处理程序?或者...
  • 当您询问与代码相关的问题(这是 SO 的用途)时,不包含任何代码会适得其反。这里没有任何人可以提供帮助。
  • 这通常意味着有一个错误导致渲染周期停止。它也可能与react的版本有关。你用的是什么版本?
  • @christopher 我正在使用最新版本的 React。但是你提到的关于渲染周期的内容是一个很好的线索。

标签: javascript reactjs webpack


【解决方案1】:

可以冻结事情的一件事是如果在 onClicks 中你这样做:

<button onClick={this.setSector('legal')}>

而不是:

<button onClick={() => this.setSector('legal')}>

【讨论】:

  • 我现在检查一下。我有很多,但不是在 div 上的按钮上
  • @NicolaPedretti 我没有像之前评论中提到的那样的东西。我检查的另一件事是在 chrome 开发人员工具 > 元素中,除了最外层的 div 之外没有 DOM。我的意思是没有任何组件甚至是 DOM 的一部分,但我可以看到页面已完全加载。
  • @arvind ,我们很难用你给我们的东西来回答!尝试至少显示您在发生时所做的事情并发布一些代码
  • @NicolaPedretti 我完全理解,而且我知道如果没有任何代码示例真的很难提供帮助。但是我现在上传了一个sn-p,
  • @NicolaPedretti 当我还是初学者时,我的应用程序已经崩溃了。我正在努力帮助那个人......
猜你喜欢
  • 2018-10-01
  • 1970-01-01
  • 1970-01-01
  • 2023-02-04
  • 2021-03-14
  • 2015-01-13
  • 2015-08-14
  • 2017-10-25
  • 1970-01-01
相关资源
最近更新 更多