cost 72 ms
跟踪 props 或 state 的哪个变化触发了 componentDidUpdate - Trace which change of props or state trigger `componentDidUpdate`

赏金明天到期。 此问题的答案有资格获得+200声望赏金。 SoftTimur想让更多人关注这个问题。 我正在用 react-monaco-editor 制作一个网页。 发现加载第一页后,多次触发componentDidUpdate ,看起来不太正常。 我试图在componentDidUpdate ...

我需要监听更新阶段(在生命周期中)而不需要在 React JS 中不断发送获取请求 - I need to listen update phase (in life cycle) without constantly sending get requests in react JS

我正在尝试编写一个经常与客户端通信的程序,我需要快速注意到更改并从服务器读取结果。 但是这个请求会不断地被发送和加载,即使当用户没有交互时也是如此。 而这会导致用户的系统被占用。 这是 mu 代码: 我知道我可以通过使用“useEffect”并将一个空数组传递给它的第二个输入来避免重新发送请求。 但 ...

React 组件未正确加载 state - React component don't load the state properly

我有这两个组件:我在父组件中获取数据,然后将其传递给子组件,子组件将其格式化为 object,以便它可以用于构建图形。 第一次挂载子组件时,不渲染图形。 如果我尝试更改子组件代码以更新它(例如从ForceGraph2D的属性中删除linkColor ),图表将正确显示。 我想找到一种方法可以立即看 ...

React:如何在使用路由时更新父组件的useEffect hook - React: How to update parent component's useEffect hook when using routes

我使用useEffect挂钩调度getQuestions function 以便从服务器获取数据 问题是,例如,当我打开family链接(我在 App 函数中声明)时,最初我得到了数据,但是当我刷新页面时,数据消失了。 我当然明白,当页面刷新时,父 App 组件不会由此呈现,我得到一个错误,我在论 ...

component useEffect setState 同时为两个parentComponent - component useEffect setState for two parentComponent at the same time

我有一个导航到另一个屏幕的屏幕。 两者都使用相同的有状态组件,该组件应为调用它的任何屏幕设置 state。 但就我而言,我导航到第二个屏幕,然后在那里使用有状态组件。 问题是,当我使用 useEffect 为第二个屏幕设置 state 时,第一个屏幕也会受到影响。 ...

componentDidMount() 中的 setState() - 中间 state 何时真正引起用户注意? - setState() in componentDidMount() - When is the intermediate state REALLY noticeable TO THE USER?

React 文档指出中间 state 不会显示给用户,但为什么在这个例子中它确实显示“正在加载......”(在这种情况下是中间 state)? 您可以立即在 componentDidMount() 中调用 setState()。 它会触发额外的渲染,但会在浏览器更新屏幕之前发生。 这保证了即使 ...

在组件卸载之前调用 componentWillUnmount - componentWillUnmount called before component unmounts

我试图了解何时调用 componentWillUnmount。 我有这个基于类的组件: 但是当我检查控制台时,它已经打印了“卸载”,尽管组件仍然被安装。 我在控制台中总共有三个日志: 安装 卸载 安装有人可以向我解释为什么会这样吗? ...

React ref 回调更新“this”以更新子道具不起作用 - React ref callback updating 'this' to update child props not working

我一直在遇到这个线程中提到的问题,当使用 ref 回调时,refs 在componentDidMount之后更新。 显然,当您将 refs 传递给作为子项传递给组件的元素时,可能会发生这种情况,但我认为我已经用尽了所有其他选项。 我无法将它直接传递给组件( ComponentOne ),因为它是一个 ...

React - 无法从初始渲染的响应中设置 state - React - Unable to set state from the response on initial render

这是来自 redux 商店的响应: 这是 jsx 文件,我试图在其中设置 state。 这个想法是从响应中设置 state 并为每个复选框添加一个 onChange 句柄。 但目前收到正确的响应,但我尝试在 didUpdate、DidMount 中设置 state 但没有运气。 我想知道在组件初始 ...

ReactJs:初始组件渲染似乎不起作用 - ReactJs: Intial Component Rendering doesn't seems to work

我正在做一个项目,并在第一次渲染组件时遇到了这个问题,它没有在屏幕上显示任何内容。 然后 componentDidMount 被调用,然后在屏幕上可以看到一些东西。 我的应用组件 在上面的代码中,最初Loading...应该第一次在屏幕上可见。 但这并没有发生。 我在这里犯了某种错误吗? 有 ...

带有 React.memo() 的功能组件仍然会重新渲染 - Functional component with React.memo() still rerenders

我有一个按钮组件,里面有一个按钮,它有一个传递给它的状态isActive和一个点击功能。 单击按钮时, isActive标志将发生变化,并且根据该标志,应用程序将获取一些数据。 按钮的父组件不会重新呈现。 我搜索了如何强制停止重新渲染组件,发现React.memo(YourComponent)必须完 ...

为什么我的 React 组件总是挂载、卸载和挂载? - Why is my React component always mounted, unmounted and mounted again?

我正在研究 React 钩子,我注意到一个奇怪的行为,有人可以向我解释为什么吗? 组件已挂载,将状态设置为初始值,然后卸载,再次挂载和更新!!! 我知道每次更新组件都会重新渲染,但是为什么调用 componentWillUnmounted 方法(在这种情况下是 useEffect 的返回)? ...

在 React 功能组件之上或之下声明一个常量会改变什么? - What does it change to declare a constant above or bellow a React functional component?

我的问题是在 React 功能组件(或类组件)之上或之下声明一个常量会发生什么变化? 例如,如果我这样做有什么区别: 或者 如果有人可以向我解释其中的区别,那就太好了! 也例如我可以移动上面的whatsMyName函数吗? 我的猜测是它与 react Life Cycles 有关。 非常感谢 ...

将异步 componentDidMount() 升级为异步 useEffect() 的问题 - Issues upgrading async componentDidMount() to async useEffect()

//更新:问题是在useEffect()中设置 state 后立即使用它。 有关详细信息,请参阅此处的答案。 我正在尝试使用 Hooks 将我的一个 React 应用程序页面从 class 组件升级为功能组件。 但是,由于某些异步功能,我遇到了一些问题。 旧页面的行为方式是,在 component ...

我想在 react-native 中更改组件的 state 而无需重新加载地铁 - I want to change state of the component without reloading metro in react-native

所以基本上我的应用程序中有一堆应用程序,正如您在图像中看到的那样在我的应用程序中它检查是否安装了应用程序,如果安装了它显示打开如果没有它显示现在安装我面临的问题是如果应用程序没有安装,我点击按钮安装,它会重定向到 play-store 然后我会安装,现在每当我来到我的主页时,没有重新加载地铁,按钮的 ...

为什么 componentDidMount 在 componentWillUnmount 之后运行? - Why did componentDidMount run after componentWillUnmount?

我试图抓住componentDidMount和componentWillUnmount之间的区别并尝试了以下代码: 到目前为止我的理解是 componentDidMount将在组件挂载后调用,即使在任意次数的重新渲染后也只调用一次(如果我在这里错了请纠正我) componentWillUnmou ...

渲染功能组件与ReactJS中的class组件不一样 - Rendering the functional component is not the same with class component in ReactJS

我有一个这样的 class 组件 我想制作它的功能组件,所以我像下面这样编码: 但在第一次渲染(componentDidMount)后它们没有显示相同的结果(参见控制台:页面和列表) class 组件如下所示: 功能组件如下所示(我们可以忽略第一个 componentDidUpdate,因为它基 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM