为什么react dev tools Profiler不显示组件属性？

文章/答案/技术大牛

发布

1回答

reactjs、profiler、react-devtools

我开始学习React的优化。查看一些学习资源，在这些资源上，我可以在Profiler中看到组件属性。但在我的Profiler中，我没有看到任何道具。为什么？我如何在Profiler中查看当前的渲染组件属性？ A制作屏幕截图来显示这一点： ?

浏览 64提问于2020-04-09得票数 9

回答已采纳

1回答

使用Chrome扩展"React Developer Tools 4.10.1“调试React应用程序，我希望看到React Tab

reactjs、google-chrome

在本教程中，我看到了dev工具中的React选项卡来帮助调试。但不是我一个人拿到的。我有Chrome扩展"React Developer Tools 4.10.1“。我遗漏了什么？ ?

浏览 14提问于2021-02-06得票数 0

回答已采纳

1回答

为什么我的简单react组件打印控制台两次？

reactjs

我做了一个简单的组件，当点击按钮时，状态为'a‘的数量会增加。我在组件内部编写了console.log()来检查它何时被渲染。以下是我的代码 A.jsx import React, {useState} from 'react'; const [a, setA] = useStatefrom 'react'; import ReactDOM from 'react-dom&#

浏览 222提问于2020-03-24得票数 3

回答已采纳

3回答

我正在尝试让我的react扩展在本地开发中工作，但是Chrome开发者工具中缺少“组件”和“分析器”。这只发生在本地开发中，任何其他产品代码都会像预期的那样在开发人员工具中显示这两个选项卡。Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.tools, and "Components" and "

浏览 0提问于2020-06-10得票数 5

1回答

如何正确地检测反应JS中的改性剂？

javascript、reactjs、rerender、virtual-dom、react-devtools

假设我们有一个父组件和多个功能子组件。我想清楚地知道父的重新呈现是否重新呈现。2.在设置中使用Chrome漆画闪烁选项。3.使用React工具所有这些方法是否都是正确的，以了解组件是否真正改变了？因为它似乎不能正确地应用于React.memo。当我用React.memo包装子组件时，它不会

浏览 2提问于2020-02-25得票数 7

回答已采纳

1回答

React开发工具将组件显示为<t>

reactjs、react-devtools

有人知道为什么我的react组件开发工具是这样的吗？在最新的react dev工具重大更新之前，我可以看到所有组件的名称，但现在看起来就像这样。Dev Tools View

浏览 18提问于2019-10-11得票数 2

2回答

react工具中的组件选项卡不能正常工作。

reactjs

我意识到检查栏中的React选项卡已被Components和Profiler选项卡替换。但是由于某些原因，呈现的树在components选项卡中没有完成，请看下面的图片我不知道它为什么要显示匿名键=‘某事’ForwardRef.在那里显示一个组件如前所述，我已经安装了样式组件插件3：。

浏览 6提问于2020-07-25得票数 0

回答已采纳

1回答

React dev tools add正在显示html标记，而不是组件标记

reactjs

hello react dev tools显示的是html标记，而不是组件标记

浏览 0提问于2017-03-22得票数 0

1回答

如何访问使用axios加载的对象属性？

javascript、reactjs、axios

我正在制作一个存储JSON文件中的变量的站点，然后我就可以显示这些数据了。我试图从一个对象中提取数据，但我总是得到未定义的或空的数组/对象。 }) this.axiosFunc();}但是，当我切换到子组件的文

浏览 6提问于2018-01-29得票数 0

回答已采纳

3回答

使用React useState挂钩设置多个状态值

reactjs

我想用React useState钩子设置多个状态值，这样我就可以用useEffect钩子分别更新它们。我有以下代码： import React, { useState } from "react"; phone: "",};(initialValues); <div className="App"> </div&g

浏览 69提问于2020-04-09得票数 5

回答已采纳

2回答

ReactJS无法使用Ref回调将ref传递到类组件

reactjs、preact、react-ref

我试图从父组件获得子组件(类组件)的引用，我面临两个问题： ref回调在我的引用中不触发并获得空{current: null}。React-dev-tools警告我不要从函数组件传递引用，但是我的子<

浏览 2提问于2020-08-28得票数 0

3回答

重新呈现React js组件

javascript、reactjs、rerender

我必须用React js实现现有应用程序的新UI。这是react组件，在单击菜单项后呈现。我注意到用于react的chrome dev tools插件每次点击菜单时都会显示新创建的组件。这是Sammy.js的菜单激活码 this.swap(""); React.render(

浏览 0提问于2015-10-13得票数 0

1回答

如何在React Tools Profiler中显示“为什么呈现此呈现”

reactjs、react-native-debugger

我正在阅读这篇关于分析反应应用程序的文章：，在Profiler中，您可以在工具提示和侧边栏中看到“为什么呈现此呈现”：就像我的分析器里没有这样的信息。我正在使用React本机调试器的最新版本：如何查看/显示这些信息？

浏览 5提问于2022-06-01得票数 5

回答已采纳

2回答

React redux连接渲染优化

javascript、reactjs、redux

我想知道如何在React中管理复杂的状态，限制那些内容没有改变的组件的渲染调用的数量。我有简单的连接到redux存储容器组件与“项目”道具(这是数组)。data.select.items(state),每次复杂商店的任何部分发生变化时-项目属性也会发生变化(我在React Dev Tools中找到了它，它突出<em

浏览 39提问于2019-06-18得票数 4

1回答

如何借助FlameGraph中显示的钩子号/索引来找出哪个钩子改变了

reactjs、performance、react-hooks、profiler、flamegraph

我正在开发一个react应用程序，并希望提高性能。我使用Profiler来查看每个渲染上的组件，以及FlameGraph来找出哪个组件花费了很长的时间。在Flamegraph中，它显示了组件呈现的时间和原因的详细信息，因为它有这个--为什么要呈现？部分，并显示一些钩子已经改变了。但这并没有显示钩子的名称，而是显示钩子的数字/索引。钩子是怎么编号的？

浏览 4提问于2022-02-21得票数 3

1回答

在"@headlessui/react“中，如何将'Popover‘'open’prop传递给它的父组件

reactjs、tailwind-css

我正在使用"@headlessui/react“中的" popover”组件&我想在弹出框打开/关闭时执行操作，而不更改默认的打开/关闭行为。所以我想把"Popover“组件的”open“属性传递给一个包装器组件&然后在useEffect中执行我想要执行的fn。然而，我不确定如何才能做到这一点。https://headlessui.dev/react</em

浏览 58提问于2021-08-22得票数 0

1回答

React-redux组件未在商店属性更改时重新渲染

javascript、reactjs、redux、react-redux

我的react组件没有重新渲染，尽管它的道具正在更新，我不明白为什么。这是我的组件 import { fetchLocations } from 'state/locations/actions'; locations: action.payload default: } } 在此之后，我的Ev

浏览 8提问于2019-09-23得票数 0

3回答

找出性能问题

react-native、react-native-android

列表是使用按钮呈现的，数据加载不是我测量的一部分-它是预加载到组件本地状态的。我试图弄清楚的是JS呈现组件和实际显示在屏幕上的组件之间发生了什么，因为设备在这段时间内一直没有响应。我已经附加了来自chrome dev工具的跟踪，使用android systrace工具拍摄的systrace和

浏览 0提问于2018-02-06得票数 5

1回答

如何使用Material UI v4选择包装在ForwardRef中的组件？

reactjs、testing、material-ui、e2e-testing、testcafe

从版本4开始，material ui开始用forwardRef包装它们的所有组件。在我的testcafe测试中，我依赖于“testcafe react-selectors”库来根据它们的名称来选择组件。TimeSlotList');} 现在，在版本4中，文档在react- dev-tools中显示为

浏览 11提问于2019-03-06得票数 3

1回答

为什么React路由器是React组件？

javascript、reactjs、react-router

为什么react-router是React组件并在内部使用react？我的意思是，路由问题在React组件出现之前就已经解决了？如果path属性与url路径不匹配，Route组件的render方法是否返回null？使用react-router的Router和Route组件仅仅是一个很好的设计模式吗？

浏览 0提问于2016-12-18得票数 3

点击加载更多