腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
子组件不是从父组件的状态更改重新呈现,而是从另一个父组件重新呈现?
javascript
、
reactjs
、
redux
、
react-redux
、
state
我有一个子组件PostItem,它将来自redux状态的post对象作为支柱: const PostItem = ({ post: { _id, text, name, avatar, user, likes}, //from redux state //... }) => { //... const handleLike = e => { likePost(_id); //ACTION }; return ( <Fragment> <div className=&
浏览 1
提问于2020-03-16
得票数 0
1
回答
帕伦特重新渲染但它的孩子不会的情况是什么?
reactjs
我被告知,如果父母的道具发生变化,孩子不会重新呈现,而是如果父母的状态发生变化。 在下面的情况下,当我单击按钮,子重呈现,这是合理的,因为它的父母的状态是被触发的,但我不知道为什么孙女也得到重新渲染!它的父母的状态(孩子的状态)没有改变。 那么这里的规矩是什么? 会是什么情况: 1)应用程序只呈现一个子和外孙呈现? 2)应用程序呈现但独生子女不呈现孙女? 顺便说一句,我不是指如何使用或pureComponent,我只是想知道React如何呈现嵌套的子程序:) import React, { useState } from "react"; const App = () =&g
浏览 1
提问于2019-11-17
得票数 2
回答已采纳
1
回答
调试反应组件重发器
javascript
、
reactjs
、
google-chrome
、
debugging
我正在尝试调试很少被复制的bug (每几十次尝试一次)。 我在render电话中,想尽可能多地从那里了解信息: :forceUpdate,setState或props改变了什么?,如果是props更改,是哪个组件启动了重发器链:我的意思不是父呈现的事实,而是父链中使用了setState或forceUpdate的顶部组件,从而导致了其自身和整个树的重发(包括当前的组件)。<code>H 211</code><code>f 212</code> 它保证所有组件都是类组件(不是功能性的),我使用的是react 16.4.2,包括废弃的生命周期方法(如果
浏览 1
提问于2020-04-23
得票数 1
2
回答
如何避免10000 imageComponent在改变剩余状态后的重租?
reactjs
、
react-redux
我正在使用react+redux。我在父组件中有100000(示例) ImageComponent,比方说,ImageGrid。每个ImageComponent上的功能是,用户可以喜欢,删除和选择。 问题是,当我喜欢删除或选择任何单个ImageComponent时,我会在redux中更新它的状态,并且在每次状态更改时,它都会呈现整个100000 ImageComponent。 如何避免对那些没有改变的ImageComponent进行不必要的重呈现?
浏览 0
提问于2018-05-11
得票数 1
回答已采纳
2
回答
将组件更改为容器似乎会破坏该组件中的路由。
reactjs
、
redux
、
react-router
我遇到了一个问题,在这个问题上,制造一个包含路由到容器的组件似乎会破坏响应路由器。如果容纳我的路线的组件是一个容器,那么单击一个链接就会更新URL,但是不会改变呈现的屏幕。如果我在URL更改后刷新页面,或者直接转到url,它就会呈现预期的视图。将容器更改为常规组件似乎解决了这个问题,但我希望将其保留为容器,以便可以使用必要的操作。 路线中断: import React, { Component } from 'react' import { Route } from 'react-router-dom' import { bindActionCreators
浏览 3
提问于2017-11-10
得票数 0
回答已采纳
2
回答
在浏览我的网站时,有没有办法阻止我的标题重新呈现?
javascript
、
reactjs
、
firebase
、
redux
我正在创建一个使用React,,React Redux&React持久化的网站。 我用防火墙建立了一个登录注册页面。当用户登录或注册时,我希望他们的显示名称在标头组件中。使用我当前的方法,我意识到当一个用户登录时,头组件每次都会重新呈现,但是我不太喜欢它,因为它不会使我的网站导航顺畅。当用户未登录时,标头组件不会重新呈现。 我对JS的反应相对较新,我正在阅读文档& googling其他类似的问题,但我找不到解决方案,也很难解决这个问题。如有任何帮助或建议,将不胜感激! 下面是我的index.js,App.js,header.component.jsx index.js impo
浏览 4
提问于2020-08-20
得票数 1
2
回答
当有任何与平面列表数据无关的状态更改时,是否调用平面列表renderItem?
reactjs
、
react-native
、
flatlist
showScrollToTopView = () => { const { showScrollToTopView } = this.state const DEVICE_HEIGHT = Dimensions.get('window').height if (this.scrolledValue >= 2 * DEVICE_HEIGHT - HEADER_HEIGHT && !showScrollToTopView) { this.setState({
浏览 1
提问于2021-01-07
得票数 0
2
回答
用来自redux的道具重新呈现子组件
javascript
、
reactjs
、
redux
我目前正在使用来显示包含国家的世界地图。 我尝试执行以下场景: 我有一张世界地图,每个国家都用蓝色填充。 我点击一个国家 它将触发selectCountry(country)操作,并与选定的国家更新redux存储。 我得到选定的国家并以绿色高亮显示。 所有的redux东西都能工作,因为状态更新了,我在我的country道具中选择了这个国家。 我的问题是,即使使用以下代码,<Geography>组件也不会重新呈现,也不会填充绿色: style={{ default: {fill: country.NAME === geography.properties.NA
浏览 4
提问于2019-12-09
得票数 0
1
回答
为什么要反应显示组件更新,而不是控制台?
javascript
、
reactjs
、
redux
、
react-redux
我创建了一个简单的redux应用程序。在工具中,我检查“高亮更新”。然后单击任意按钮,显示所有组件都已更新,但"AddButton“中的控制台消息没有显示任何内容。错误控制台,反动开发工具还是我? // index.js import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import { Provider } from "react-redux"; import { createStore } fro
浏览 1
提问于2019-02-22
得票数 1
回答已采纳
2
回答
组件呈现机制在redux中是如何工作的
javascript
、
reactjs
、
redux
在React中,当组件的道具/状态发生更改时,组件会重新呈现。 redux是如何知道(计算)什么特定的组件(DOM)呈现/重新呈现时,一个动作被分派?
浏览 0
提问于2018-09-25
得票数 0
回答已采纳
2
回答
部分重绘是如何工作的?
javascript
、
reactjs
、
redux
、
react-redux
这个问题是关于用Redux进行部分再渲染的内部部件。 为了解释我的意思,我将首先介绍一种非常粗糙的技术来管理状态,而不使用任何状态管理语言。该技术使用了一个巨大的"AppState"-object,它属于顶级应用程序组件。假设这个AppState不仅包含状态属性,而且还保存了几个使这些状态属性发生变异的回调。此外,假设我们使用道具在整个组件层次结构中传递这个AppState。由于ES6扩展语法,不需要大量样板代码就可以传递大量的支持。在顶级应用程序组件中,它将如下所示: <ChildComponent {...this.state} /> 在所有其他组件中,它将如下
浏览 6
提问于2020-04-10
得票数 0
1
回答
React路由器<Link>组件在连接redux存储后没有得到activeStyle应用
javascript
、
reactjs
、
redux
、
react-router
、
react-router-redux
我最近开始学习React / Redux,现在我正在尝试构建一个小的单页应用程序。 最近我遇到了一个我不明白也无法解决的问题。 让我给你看看密码: index.js import React from 'react' import ReactDOM from 'react-dom' import { createStore, combineReducers } from 'redux' import { Provider } from 'react-redux' import { Router, Route, IndexRoute
浏览 2
提问于2016-07-08
得票数 3
回答已采纳
2
回答
redux存储被更新时,react组件是否会被卸载和重新安装?
reactjs
、
redux
、
react-redux
我的组件有一个按钮。通过单击该按钮,将发出一个操作,并进行相应的API调用。API调用的响应存储在redux中。但是,每当对redux存储进行更新时,组件(我正在处理的组件)就会被卸载和重新挂载。因此,当组件重新挂载时,组件的内部状态将被破坏和重新创建。 我的问题是: 当redux存储被更新时,组件是否需要卸载和重新安装?如果是预期的,我应该如何保持组件的内部状态? AsyncComponent: export default function asyncComponent(importComponent) { class AsyncComponent extends React.Comp
浏览 2
提问于2019-08-23
得票数 3
回答已采纳
3
回答
Redux mapStateToProps多次调用
reactjs
、
redux
、
react-redux
我有一个非常简单的组件,它连接到redux状态并返回{fruit, vegetables}。一切都很好,但是假设我在组件中有一个图形,如果我只从API接收到更新的vegetable,则每次都要重新创建图形。 这是我的组成部分: const Products = ({ fruit, vegetable }) => <div className='Products'> <div>{vegetable.map(....logic here)}</div> <div>{Math.random()}<
浏览 2
提问于2017-04-04
得票数 6
回答已采纳
3
回答
如何在不使用componentWillReceiveProps的情况下处理道具更改
javascript
、
reactjs
、
redux
、
state
我一直在做一个用React编码的项目。我有一个组件集,我为自己的需求实现了许多组件。其中许多功能就像一个复合组件。例如,TextBox组件有自己的标签、错误消息机制和输入过滤器等,而且组件有管理某些东西的工具。 每次更新组件视图(render)时,我都使用componentWillReceiveProps,并比较道具更改。 但是,每次实现componentWillReceiveProps方法都是如此令人厌恶。 是否有任何方法来传递道具自上而下不使用componentWillReceiveProps。我不想手动比较道具的变化。有什么办法可以自动完成吗。 当我在父级中更改道具时,我想更新所有视图,
浏览 8
提问于2017-04-12
得票数 3
回答已采纳
1
回答
发送操作不会自动重新呈现应用程序。
react-native
、
redux
、
reducers
我已经从redux商店里删除了一件物品。但是它不会重新呈现应用程序。如果我手动更改应用程序,那么删除的项目就会消失。我正在做这个方法来阅读和不阅读信息。但效果很好。删除也是工作,但它不是重新渲染应用程序自动。如果我手动触发重呈现,那么消息就消失了。 Reducer.js import { combineReducers } from 'redux' import { DELETE_MESSAGE, ADD_MESSAGE, READ_MESSAGE, UN_READ_MESSAGE, ARCHIVED_MESSAGE, UN_ARCHIVED_MESS
浏览 0
提问于2019-04-01
得票数 1
1
回答
react / redux:组件从状态中获取数据,而不使用API调用来获取数据。
reactjs
、
redux
、
react-redux
我正在开发一个redux/react应用程序。我们从很少的“连接”组件(即直接访问redux状态和分派操作的组件)开始。这导致每个组件传递太多道具给他们所有的孩子,子子代等等,并且顶层的“连接”组件变成了神类。 因此,我们正在使更多的组件连接起来,并且能够通过mapStateToProps和mapDispatchToProps直接访问redux状态和调度操作。这要好得多,由Dan在这里推荐: 我的问题是,一个子组件是否可以从状态树中获取数据,假设它的父组件发送了执行实际API调用的操作,以便将该数据导入状态树? 为了给出一个具体的例子,使用经典的"blog“应用程序: <blog
浏览 2
提问于2017-01-24
得票数 2
回答已采纳
1
回答
React图形组件不会在useEffect中出现的url更改上重新呈现。
javascript
、
reactjs
、
react-native
、
react-hooks
、
axios
我正在制作一个交互式的图表,当你选择不同的日期时,它会重新呈现。过去,在我做一些基本更改之前,它会重新呈现很好的效果(将state responsibilites移动到组件,而不是app.js。当我更改日期时,它似乎确实更改了负责进行api调用的组件中的url。然而,即使是在一个useEffect中,它也没有重新呈现,而且它以前也进行了重新呈现。 我是新来的,所以这可能是很明显的事情。我也不确定这是否是正确的方法,所以我对改进我的应用程序或最佳实践的任何指针都是开放的。 App.js:最好是删除app.js中的useGetData和useURLSwitcher,但是没有它们它就无法在启动时加载
浏览 8
提问于2022-04-06
得票数 0
2
回答
为什么React路由器v4 <Link/>不能工作(更改url,但不呈现内容)?
javascript
、
reactjs
、
react-router
我有服务器端React/Redux/Express应用程序。React路由器v4为带有交换机的服务器应用程序提供了解决方案,我需要使用一些东西从NavBar组件中更改位置。 应用程序 import React, { Component } from 'react' import { connect } from 'react-redux' import { bindActionCreators } from 'redux' import { Switch, Route, Redirect, Link} from 'react-rout
浏览 8
提问于2017-07-04
得票数 5
2
回答
何时(哪里)读取用于数据检索到道具的路由器参数?
reactjs
、
rest
、
routing
、
react-router
、
react-router-v4
我有反应路线: <Route path='/contract/:id' component={ContractForm}/> 我想读取ContractForm组件中这个id参数的值,以便根据接收到的id值从数据库(当然使用REST和redux)检索数据。 我正在跟踪,它提供了解决方案: <Route exact path="/details/:id" render={(props)=>{ <DetailsPage id={props.match.params.id}/> }} /> 但在呈现之前,我需要处理id值
浏览 0
提问于2018-05-21
得票数 0
2
回答
在反应中,父母道具的变化会导致孩子相应的升迁吗?
reactjs
、
react-props
react的官方文档( )说,道具的更新会导致子程序被更新,但在我的代码中没有发生。我是不是遗漏了什么? 我创建了一个父组件(Y)和一个子组件(X)。父级将currentTime作为道具传递给子节点。即使在父支持在3秒后(由于setTimeout)发生变化,子h2标记中的值也不会改变。 我在react ( )的官方页面上发现,“更新可能是由道具或状态的更改引起的。”(我还在下面的官方网站上附上了文本的截图)此外,我还发现“这些方法在组件重新呈现时被调用:” componentWillReceiveProps() shouldComponentUpdate() componentWillUp
浏览 0
提问于2018-02-01
得票数 1
回答已采纳
1
回答
防止在状态更改时重新呈现整个页面的redux
javascript
、
reactjs
、
redux
、
react-redux
我正在读几篇关于如何防止react-redux重新呈现整个页面的文章,因为只有一件事发生了变化。一篇文章建议,与其将所有内容包装成一个大container (如图1所示),不如全部包装到较小的containers中(如图2所示)。如果Container 2中发生了一些变化,那么只有Component 2和Component 3会重新呈现。Component 1不会重新渲染. Figure1 Figure2 我有以下问题: 如果我将所有东西包装在较小的容器中,我将需要“多个”全局状态,对于每个container状态(如图底部的伪代码所示)。这是常见的做法吗? 如果可以有“多个
浏览 2
提问于2017-07-27
得票数 5
回答已采纳
2
回答
对另一个组件道具上的组件重新安装作出反应
javascript
、
reactjs
、
redux
我有一个反应路由器-redux应用程序,有一个voip呼叫处理栏之上的所有页面。voip条具有计时器,该计时器对呼叫的时间进行计数,其间隔为每秒钟递增时间。 由于某种原因,每当voip条重新呈现一个支柱更改的原因时,显示的页面(使用react路由器)将重新挂载。我不知道为什么,因为voip条甚至不是一个孩子/家长的网页。 我真的不知道为什么会这样。我想,也许每个道具的改变都会改变路线,从而导致重装,但这并不是问题所在。 布局: <div className={classes.layout} id='layout'> <Header isAuthentica
浏览 0
提问于2019-03-25
得票数 1
2
回答
componentWillReceiveProps()没有在子组件中执行吗?
reactjs
嗨,我有两个react组件parent和child,它们都连接到redux store到同一个对象,对象从服务器asynchronously获取数据。 问题:在接收新道具时,父母的componentWillReceiveProps会被执行,但是孩子的componentWillReceiveProps没有执行任何想法?? 子组件 import React, {Component} from 'react'; import {bindActionCreators} from 'redux'; import {connect} from 'react-redu
浏览 2
提问于2017-08-14
得票数 1
3
回答
如果React组件的道具更新了,但值不变,它会重新渲染吗?
javascript
、
reactjs
、
redux
、
react-redux
、
reselect
假设我们有一个redux store,看起来像这样: { "page1": { "title": "Demo", "content": "Testing" }, "page2": { "title": "Demo", "content": "Yes, I'm aware the titles match." } } 现在让我们看一下呈现标题的组件: const Title = ({
浏览 0
提问于2018-08-31
得票数 1
2
回答
传递函数通过容器导出状态
javascript
、
reactjs
、
redux
、
react-redux
我有一个容器,目前的结构如下: // container.ts import { connect } from 'react-redux'; import { selectItems } from './actions'; import { selectSelectedItems } from './selectors'; import component from './component'; const mapStateToProps = (state: AppState) => ({ selected: sele
浏览 0
提问于2018-05-02
得票数 0
1
回答
如何创建更新Redux存储更改的功能组件?
javascript
、
reactjs
、
redux
、
react-redux
对于我的应用程序,我希望创建一个组件,其唯一目的是在Redux存储发生更改时进行更新。 我已经通过一个componentDidMount()实现了这一点,它检查组件的状态是否与存储匹配,如果不是,则设置状态。 我的解决方案工作,非常适合这种情况,但它似乎是一个简单函数的大量代码。 如何实现相同的结果,使用功能组件或更简单的有状态组件更新Redux存储更改的组件? 更新:感谢下面的评论,我有一个新的工作通行证状态信息作为道具。
浏览 0
提问于2018-02-01
得票数 3
1
回答
为什么当prevState/prevProps与本. same / when .prevProps相同时componentDidUpdate触发器
reactjs
我有一个组件,它的componentDidUpdate似乎是无缘无故触发的。它是一个子组件,没有状态。尽管prevProps和this.props的触发机制完全相同,但有什么原因吗?我认为只有在props/state发生更改时才应该触发更新
浏览 1
提问于2016-04-20
得票数 1
回答已采纳
1
回答
为什么内容按错误的选项排序?
javascript
、
reactjs
、
sorting
、
redux
所以我从一个API中抓取电影信息。在我的页面中,我的下拉列表中有三个选项,用于按字母表、用户分数和流行度排序。 问题是,当我选择一个选项时,它会按它前面的选项进行排序。例如,当我选择按用户分数排序时,它会按字母顺序排序,这是下拉列表中它前面的选项。然后,如果我继续选择选项,它最终会变成随机的,并与其中的任何一个排序。 不确定为什么会发生这种情况。我猜这和我设置状态的方式有关。 下面是我的代码: import React, {Component} from "react"; import {connect} from "react-redux"; import {
浏览 27
提问于2018-06-03
得票数 0
1
回答
是否有任何指令从还原形式迁移到反应-最终形式?
reactjs
、
ecmascript-6
、
react-final-form
我正在做一个项目,需要升级redux-form以响应-最终形式。我只是想知道是否有任何关于这项任务的文件。
浏览 1
提问于2019-07-03
得票数 4
回答已采纳
2
回答
Redux中的ReRender反应
javascript
、
performance
、
reactjs
、
redux
、
rerender
我在我的React应用程序中使用Redux,并且为了确保我不会改变状态,而是返回新的状态,我在开发中添加了中间件。 我的问题是,当发生更改时,我的所有组件是否都在重新生成? 我正在看这个关于ImmutableJs的视频,现在我不知道我是否应该在每个具有shallowEqual功能的组件中实现shouldComponentUpdate,还是这件事是通过自动反应来完成的?(也许它是在新版本中修改的) 它是否会困扰我?当我不使用ImutableJ并使用最新的React和Redux版本时,最好的方法是什么?
浏览 4
提问于2016-04-23
得票数 1
回答已采纳
1
回答
如何防止旋转木马重装
reactjs
我在我的应用程序中使用,它有一个图像网格和一个功能,如果单击该网格中的图像,它就会打开一个模式。 下面是代码的一些重要部分: 父组件: function parentComponent () { return ( <section> <div> <h1> Images </h1> </div> <ChildComponent />
浏览 3
提问于2022-04-13
得票数 1
2
回答
在Redux连接组件中保留类型参数
reactjs
、
typescript
、
redux
我有一个简单的组件,它接受道具上的类型参数。使用时,它将推断支持类型和上下文类型--回调param。但是,当我将组件包装在connect()中时,它将失去类型参数推断并返回到unknown。示例: import React from "react"; import { Component } from "react"; import { connect } from "react-redux" type MyCompProps<T> = { value: T; onChange(value: T): void;
浏览 8
提问于2022-05-12
得票数 1
1
回答
react路由器-redux不更新位置更改页面
react-router
、
react-router-redux
我没有多少运气使用redux版本的redux-路由器。当我将产品添加到购物车时,位置确实会改变,但是页面不会更新。 到目前为止这是我的安排。其他所有功能都与新路由器一起工作,将项添加到购物车中,成功地从REST服务器返回。但是,在操作文件中使用push并不会更新页面。 index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import { createStore, applyMidd
浏览 1
提问于2017-04-16
得票数 3
1
回答
对道具变化设置反应级状态
javascript
、
reactjs
、
react-redux
、
state
、
react-props
所以我有这个问题,我的反应类组件。由于它处理的状态“很多”,我不想使用一个功能组件bc,我认为它是更可读性这样。在我的类组件下面的几个层中,我有一个特性组件,它将选定的特性从复选框发送到redux状态。 我的类组件需要知道这些更改,并根据存储在redux存储中的所选特性重新呈现。 问题是,它总是从mapStaeToProps函数中获得新的道具,但是我不能使用setState(.)基于新的道具,bc componentDidMount一开始只运行一次,否则componentWillReceiveProps()就不再存在了。 import { connect } from 'react-r
浏览 3
提问于2022-03-25
得票数 0
2
回答
为什么redux操作不“破坏”组件-don/useEffect?
reactjs
、
redux
当组件的一个道具发生变化时,它将重新复制。这就是反应的重点。 订阅Redux状态片段的组件将在状态更改时重新发送。这就是Redux的全部要点。当您使用connect api时,这些状态片只是简单的道具,所以它直接讲到了我的第一点。 所以,我想知道的是 // only executes once, on mount, right? componentDidMount() { this.something() this.props.someReduxActionThatModifiesAnotherPropInThisComponent() this.somethingElse() }
浏览 1
提问于2021-08-27
得票数 0
1
回答
React更改父进程中的状态,渲染是否会在迭代中调用其所有子进程和子进程?
javascript
、
reactjs
、
react-dom
我正在设置本地存储中的语言名称,当它从topbar中的下拉列表中更改时,我希望重新呈现整个当前视图,并将单词翻译为所选语言。我的布局是这样的 render(){ return ( <MainContainer> <TopBar/> <SideBar/> <RouteInsideSwitch/> </MainContainer> ) } 在组件的渲染中,要翻译的单词基本上是调用一个函数,该函数根据本地存储语言名称返回正确的单词。 我更改了语言,在maincontai
浏览 16
提问于2019-07-12
得票数 1
回答已采纳
2
回答
(好奇)-最好是拥有顶级的智能组件还是小的连接组件?
javascript
、
reactjs
、
redux
、
react-redux
我在过去已经构建了一些更大的Redux应用程序(这太有趣了),但是现在我用它来构建一个简单的、单一的页面类型的东西。我之所以选择Redux,是因为有一些状态/UI操作可以管理,我认为这些操作非常适合它。而且很棒。 就像现在一样,顶层的<App />组件是连接到存储/能够分派操作的唯一组件(通过mapStateToProps/mapDispatchToProps方法),并且每个组件的后缀/区段组件本质上都是“哑组件”,它们只是不断地传递状态和动作分派函数的一部分。 我可以看到自己用另一种方式编写这篇文章,其中每个部分/组件/主要后裔分别连接到商店。我喜欢这个想法,因为会有更少的传递道
浏览 8
提问于2016-06-15
得票数 2
回答已采纳
1
回答
CRA反应- redux : componentWillReceiveProps被触发,但没有重新启动。
reactjs
、
redux
、
react-redux
我使用创建反应应用程序来做一个连接到我的丛的最小的应用程序,并且我做了登录表单。 到目前为止,我已经添加了react路由器、redux和redux-saga,现在是我的后端发布第一篇文章的时候了。 除了一件事:容器在登录失败后不会重发,但是它会通过componentWillReceiveProps方法。 以下是所发生的事情: 问题是:商店已经改变了,因为如果我键入触发重呈现的内容,就会显示错误消息。 我还可以在redux DevTool中看到存储确实存在来自服务器的错误。最后,服务器错误也出现在componentWillReceiveProps日志中。 我不知道现在该试试什么。您可以
浏览 2
提问于2017-09-03
得票数 0
回答已采纳
2
回答
与钩子的反应:什么时候重新呈现发生?
javascript
、
reactjs
、
react-hooks
何时使用钩子重新呈现反应组件? 让我们假设组件: 用useState管理状态 从其父级接收props 在以下事件发生后,只在这些时间点才会发生重呈现吗? 组件接收新的props 更新state 相关问题 让我们假设组件有几个useState表达式,并且用户交互会导致多个状态更新。 组件会多次重新呈现(每一个更改的state值一次),还是会将这些相关的更改分批到一个单独的重呈现中?
浏览 3
提问于2019-03-11
得票数 12
回答已采纳
2
回答
当前属性和下一个属性在componentWillReceiveProps调用中相同
javascript
、
reactjs
、
redux
我正在更新我的redux存储变量,并将它们作为道具传递给一个组件,但在这段代码中,当前和下一个道具是相同的,当我通过从外部分派来更改它们时,它们等于新的道具。 componentWillReceiveProps (nextProps) { console.log(this.props.data); console.log(nextProps.data); } 为什么会这样呢?如果通过分派进行更改,它们应该完全不同吗?
浏览 0
提问于2017-12-06
得票数 2
1
回答
如何远程控制redux组件
reactjs
、
redux
我的设置是ReactJS + Redux。 我有一个名为“画廊”的组件: Gallery.js: ReactJS组件 GalleryContainer: Redux容器 我希望从外部控制控制器中选定的选项卡(在组件层次结构中很远)。我在我的setGallerySelectedTab appState还原器中添加了一个变量,它是一个名为的动作创建者,我在componentWillReviewProps中听了新到的道具,并将它们与州的selectedTab进行了比较。关于这一做法,我有两个悬而未决的问题: 艰苦工作:组件外观的每个方面--我想要控制的感觉--要求我创建一个新的还
浏览 0
提问于2016-10-02
得票数 0
1
回答
当我只对特定的孩子进行更改时,如何避免在其他孩子中进行不必要的重呈现。
javascript
、
reactjs
、
react-redux
在我的反应项目中 我有三个组成部分 一种叫做BigForm,另两种叫做形式A和形式B。 在BigForm中,有两种状态,DataA和DataB,它们将被传递到FormA和FormB中。 问题:每当我在表格A或表格B中添加输入值时,它也会在其他组件上触发不必要的呈现。 我怎么才能避免呢?示例代码将不胜感激。(在尝试之前也请看我的编辑)谢谢;我听说redux可能会有帮助,但我不知道如何在这个示例中使用它。 import React, {useState, useEffect} from "react"; const FormA = (props) => { useEf
浏览 7
提问于2022-08-30
得票数 -1
3
回答
如何在没有useEffect钩子的情况下获取响应函数组件的数据?
javascript
、
reactjs
、
axios
、
react-hooks
、
use-effect
我知道使用钩子的传统方法是使用useEffect钩子获取数据。但是为什么我不能在函数组件中调用axios而不是钩子,然后设置数据。 基本上,我是问这样做有甚麽不对: const [users, setUsers] = useState(null); axios.get("some api call") .then(res => setUsers(res.data)) 在这里,我不使用useEffect,什么可能出错?
浏览 5
提问于2020-05-27
得票数 6
2
回答
当我们将redux store传递给prop并再次将该prop设置为react状态时,我们不是在重复吗?
javascript
、
reactjs
、
redux
、
react-redux
、
state
这是每个REACT开发人员做的最常见的事情……我们使用redux store来维护应用程序模型,如果我们想要使用store信息,我们必须使用subscription (connect()方法)创建一个属性对象,其中mapStateToProps创建一个克隆的只读版本的存储对象来响应PROP。这还没有结束,因为accessible属性是只读的,我们继续使用setState()创建另一个实例来反应同一对象的状态(使其可写),这是同一对象的另一个克隆版本。我们最终创建了同一对象的多个版本,奇怪的是,我们可以在其他人不知道的情况下继续改变这三个对象中的任何一个,这可能是一个真正的浩劫……我们有什么方法
浏览 0
提问于2018-06-09
得票数 0
2
回答
基于mapStateToProps输出的connect()ed组件重呈现
javascript
、
reactjs
、
redux
在一个基于React + Redux的项目中,我有一个connect()ed组件,它通过API检查用户权限。获取的权限存储在Redux存储区中。 该组件基本上类似于<Can check="...">...</Can>,它与我们的API (通过Redux操作)进行对话以解决检查问题。如果授予权限,则呈现this.props.children,否则为null。 为此,mapStateToProps()从存储区中的授权数据中计算passes支柱,该数据在<Can />的render()方法中进行检查。我将ownProps参数用于mapStateTo
浏览 1
提问于2016-07-04
得票数 12
回答已采纳
2
回答
React:我们如何知道所有组件都是在setState()之后挂载/呈现的?
reactjs
、
redux
、
react-redux
在react中,对组件(R)的setState()调用可以触发所有子组件的重新呈现。 我们怎么知道这事什么时候结束?在安装/呈现/更新了R的所有子级之后,调用了哪个生命周期方法? 更详细的: 让我们考虑以下情况: 有一个根组件R,它的子组件C1和C2。 我想实现我自己的redux存储,在这里,子组件( C1和C2)可以分派操作,并且在所有的子组件被挂载/重新呈现/更新之后,我想命令redux存储来处理分派的操作。 因此,我需要知道何时呈现了所有的子级,并安排了对redux存储的调用,该存储将命令存储处理分派的操作。 在R的所有子程序都已安装/呈现/更新之后,调用了哪个生命周期方法?
浏览 3
提问于2017-06-28
得票数 11
回答已采纳
1
回答
未更新道具的Redux第一次呈现页面
react-native
、
redux
、
react-redux
我一直有反应的问题。这是一个值得信赖的图书馆吗?现在,当我第一次呈现我的组件时,当还原器被调用时,道具不会被更新。 我的减速器: import { GET_UNITS } from '../actions/Types'; const INITIAL_STATE = { error: false, units: {}, }; export default (state = INITIAL_STATE, action) => { switch (action.type) { case GET_UNITS: console.log(
浏览 0
提问于2019-07-12
得票数 1
回答已采纳
1
回答
管理响应本机中的道具更改
reactjs
、
react-native
、
react-redux
我正在构建一个带有react本机的约会应用程序,这是我在RC中的第一次尝试,使用react-redux来管理状态,我需要一些关于生命周期方法的说明。 Details.js class Details extends Component { constructor(props) { super(props); } componentDidMount(){ this.props.bookingAndSuggestions(Data) } componentWillReceiveProps(nextProps){ if( Objec
浏览 1
提问于2019-02-17
得票数 0
回答已采纳
1
回答
以redux形式从状态加载初始值
javascript
、
reactjs
、
redux
、
redux-form
我试图以Redux形式加载初始值(从对服务器的异步调用中获得),但是什么都没有发生。服务器调用工作正常(我可以看到我的redux状态更新),但是表单没有显示值。 我阅读了关于堆栈溢出的所有问题,并应用了所有的解决方案,但都没有效果: 我通过connect函数传递initialValues (它使用异步调用的初始值更新),并添加了enableReinitialize: true to reduxForm() 我的密码在下面。我没有显示动作或还原器,因为我认为它们工作得很好(在没有问题的地方,我将它们用于其他视图)。 import React, { Component } from '
浏览 0
提问于2018-07-23
得票数 1
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你真的了解React吗?这里有50个React面试问题
你知道什么时候以及什么时候不使用Redux
React组件开发中常见的陷阱
如何使用react-redux-form填充动态默认值
如何实现SwiftUI微服务?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券