如何在React上使用Redux重新渲染所有页面
在React上使用Redux重新渲染所有页面，可以通过以下步骤实现：
- 安装依赖：首先，确保已经安装了React和Redux。可以使用以下命令进行安装：
- 安装依赖：首先，确保已经安装了React和Redux。可以使用以下命令进行安装：
- 创建Redux Store：在应用的根目录下创建一个Redux store。Redux store是一个存储应用程序状态的容器。可以使用
createStore函数来创建store，并传入一个reducer函数作为参数。reducer函数负责处理不同的action，并返回新的状态。例如： - 创建Redux Store：在应用的根目录下创建一个Redux store。Redux store是一个存储应用程序状态的容器。可以使用
createStore函数来创建store，并传入一个reducer函数作为参数。reducer函数负责处理不同的action，并返回新的状态。例如： - 在React组件中使用Redux：在需要使用Redux状态的组件中，可以使用
connect函数将组件连接到Redux store。connect函数接受两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps函数用于将Redux store中的状态映射到组件的props中，mapDispatchToProps函数用于将action创建函数映射到组件的props中。例如： - 在React组件中使用Redux：在需要使用Redux状态的组件中，可以使用
connect函数将组件连接到Redux store。connect函数接受两个参数：mapStateToProps和mapDispatchToProps。mapStateToProps函数用于将Redux store中的状态映射到组件的props中，mapDispatchToProps函数用于将action创建函数映射到组件的props中。例如： - 在Redux中更新状态：当需要更新Redux中的状态时，可以通过dispatch一个action来触发reducer函数的执行，并返回新的状态。可以使用
store.dispatch方法来dispatch一个action。例如： - 在Redux中更新状态：当需要更新Redux中的状态时，可以通过dispatch一个action来触发reducer函数的执行，并返回新的状态。可以使用
store.dispatch方法来dispatch一个action。例如： - 在组件中访问Redux状态：在连接到Redux store的组件中，可以通过props来访问Redux中的状态。例如：
- 在组件中访问Redux状态：在连接到Redux store的组件中，可以通过props来访问Redux中的状态。例如：
通过以上步骤，就可以在React上使用Redux重新渲染所有页面了。Redux提供了一种可预测的状态管理机制，使得应用程序的状态变得可控和可维护。它适用于大型应用程序，可以帮助开发者更好地组织和管理应用程序的状态。在腾讯云中，可以使用云函数 SCF（Serverless Cloud Function）来部署和运行React应用，并使用云数据库 TCB（TencentDB for CloudBase）来存储和管理应用程序的数据。
更多关于Redux的详细信息和使用方法，可以参考腾讯云的文档：
相关·内容
对于我的主页，我尝试使用带有交叉点观察器的可加载组件。当我的redux存储更新时，整个页面都会被重新渲染。我怎样才能避免这种情况？
import React from "react"
import loadable from "@loadable/component"
import { useSelector } from "react-redux"
const Index = () => {
const intersectState = useSelector(state => state.intersectState)
con
浏览 2提问于2021-08-06得票数 0
我读到这在理论上是可以的。在我的小用例中，我遇到了一个问题，混合这些技术会导致双重重新渲染。 首先，当redux分派被执行时，一些组件通过useSelector使用属性。然后，在功能组件已经被重新呈现之后，将应用一个useEffect钩子来更新某些属性的状态。此更新将再次重新触发渲染。 例如，在我的例子中，下面的控制台日志打印了两次。 问:我是否应该删除useEffect和useState并将其集成到redux的存储中？ import {useSelector} from "react-redux";
import React from "react";
浏览 9提问于2020-08-05得票数 0
1回答
这是我的应用现在的样子： ? 搜索和排序功能是动态工作的，只要我键入一个字母，它就会找到匹配项，但会重新呈现所有匹配项。 如果我输入“饥饿”，它会找到饥饿游戏的影片，但它已经有了图像和渲染。有没有办法让这个过程只有一次，这样我就不会等待每次搜索，每次排序？我使用Redux，所以数据来自store，store从本地json文件获取数据。 我想存储在本地存储，但我不能解决这个问题。正如你所看到的，这里没有ComponentDidMount或者钩子。 这是这个页面的代码： import React from "react";
import "./MoviesAndS
浏览 11提问于2021-02-12得票数 2
回答已采纳
我有一个React组件，看起来像这样：
class MyComp extends Component {
constructor(props) {
super(props);
this.state = {
myObject: this.props.myObject,
};
this.updateState = this.updateState.bind(this);
}
componentWillMount() {
this.updateState();
浏览 3提问于2017-10-09得票数 0
回答已采纳
我知道如何使用redux和react router for SPA。想知道如何在更传统的带有服务器端框架的多页面web应用程序中使用redux，比如spring MVC、jsp等。
多个页面可以共享同一个存储吗？从服务器端渲染的文档来看，服务器发送的每个页面都需要一个新的存储。
浏览 11提问于2016-05-09得票数 11
1回答
我正在做一个涉及React，Redux和其他一些前端库的项目。我读过很多关于服务器端渲染的好东西，听起来很酷。所以我实现了服务器端渲染和客户端渲染。我对这两个进行了性能比较，我在服务器端渲染时遇到了性能问题，我不确定我做错了什么。我发现服务器端渲染需要大量的CPU/内存资源，这大大降低了我的服务器的速度。即使是在一个简单的页面上，它也必须处理复杂的react，redux逻辑，这些逻辑涉及到存储初始化，虚拟dom，每个请求的css提取。当流量很大时，情况会变得更糟，有时会停止响应。我的项目很复杂，页面有很多组件，有很多减速器，中间件。我知道我们可以通过使用缓存来缓解这种情况，但在我的项目中，我
浏览 20提问于2020-10-16得票数 0
当用户在输入之外单击时，我尝试使用mousedown事件来关闭自动完成。 代码： // listen to mouse clicking outside of autocomplete or input
useEffect(() => {
document.addEventListener("mousedown", handleClickOutsideAutocomplete);
return () => {
document.removeEventListener("mousedown", handleClickOutsideA
浏览 14提问于2020-10-06得票数 1
我目前正在开发一个基于react redux的web应用程序，它在UI上显示大量数据。当数据大小增加时，每秒的帧数减少。此外，某些表单显示组件的时间较长，并且显示速度较慢。如果有人可以指导我正确的渲染方法或一些编码标准需要遵循这样的应用程序，这将是一个很大的帮助。-Thanks
我目前正在检查我的应用程序是否使用了react生命周期组件(由任何其他开发人员显式使用)。我还怀疑组件的呈现方式。
浏览 1提问于2019-01-26得票数 2
1回答
我正在用redux连接一个简单的登录页面。问题是它会进入无限的渲染循环。我正在使用React钩子，只是想在成功登录后将页面重定向到主页"/“。
useEffect(() => {
if (props.loggedIn === "true") {
localStorage.setItem("userToken", `Bearer ${props.userToken}`);
props.history.push("/");
}
}, [props.loggedIn])
我在redux中
浏览 0提问于2020-07-13得票数 2
1回答
我一直在阅读Redux 关于使用一组初始值预填充表单的内容，但是在该页面上的示例中，这些值是在单击按钮时获取的，而当页面加载时，我需要立即获取它们。
下面是我到目前为止的情况。我可以将初始值作为渲染()方法中的道具接收，但是我不知道如何将这些值传递给Field组件.
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from 'redux-form';
import { Redirect } from &#
浏览 1提问于2018-06-07得票数 1
回答已采纳
调度react-redux connect()的mergeProps参数中定义的推送操作将调度redux操作，但不会触发url页面更改。我还将withRouter包装在redux容器周围，但似乎没有帮助。
//connect.js
import { Component } from './Component';
import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import { push } from 'connec
浏览 7提问于2018-08-18得票数 1
我正在使用这个redux-socket.io中间件在socket.io请求上从服务器分派操作。这部分运行得很好，到目前为止我需要的所有东西，我都可以用它来做。 现在我正在尝试使用这个中间件来分派一个设置状态的操作，然后当状态包含特定的键时，我想呈现一个React组件(基本上是一个浮动窗口，高于其他所有组件)。 问题是，在分派操作之后，我不确定如何让React在状态改变时呈现组件。(在当前渲染的组件上方) 因为我想把这个组件渲染到其他组件之上，所以我不认为在我拥有的每个组件中检查更新的道具是个好主意。 我考虑过使用订阅API，但我还没有找到任何从内部呈现组件的示例。 这里最好的解决方案是什么？
浏览 12提问于2020-10-30得票数 0
回答已采纳
我在获取react_on_rails的Redux store中遇到了一个问题，在那里我想切换页面，但它不能正确地为我工作。如果我更改或重新加载页面，我将丢失redux存储。另外，我很抱歉我放了一堆代码，但我真的不知道其他任何东西或方法来修复它，react_on_rails和redux的官方文档对我没有帮助，它更有可能让我困惑它应该如何工作。如果有人知道如何使用它，请提前告诉我，谢谢！ rootStore.js import { combineReducers, applyMiddleware, createStore } from 'redux';
import middle
浏览 30提问于2019-03-20得票数 0
当我的组件挂载时，我调用一个API来通过redux存储中的axios获取人员列表。
componentDidMount() {
this.props.getPeople();
}
基本上，一旦API调用成功，我会用最新的数据更新redux存储中的peopleList状态。
现在，我(通过mapStatetoProps)在这个peopleList上进行映射，以生成我的组件的render()中的人员列表。到目前为止，一切都很好。
但是，每个人卡片都有一个'like‘按钮，该按钮依次执行POST请求，将people对象的isLiked属性更改为'true’(还使所有其他人员对象的
浏览 1提问于2018-09-17得票数 0
我刚在Redux的文档上读到，我不应该在Redux中使用不可变。我就是不能把头绕在这东西上。为什么我不应该在toJS()中使用mapStateToProps？我的意思是React使用的是深度比较，而且我还没有任何重新渲染的问题。(我只是登录render查看是否有泄漏。)
浏览 0提问于2018-05-21得票数 2
回答已采纳
我们有一个组件需要访问Redux的存储。
import React from 'react'
import { connect } from 'react-redux'
const Component = (props) => {
... code ...
}
我们已经使用connect将此组件连接到存储。
export default connect(mapStateToProps)(Component)
现在我们需要定义作为第一个参数传递给connect的mapStateToProps。
const mapStateToProps = stat
浏览 1提问于2019-06-18得票数 7
1回答
文件更改时页面刷新反应
、、、、
我有一个react/redux应用程序，当文件更改并点击保存时，它会刷新页面并清除所有redux数据。我知道我可以将redux数据持久存储到本地存储。我想知道的是，当文件更改时，刷新页面是react/node服务器的默认行为吗？如果不是，我如何防止它？
浏览 23提问于2020-07-11得票数 2
回答已采纳
如何将道具(从Redux获得)从WrapperComponent传递到InnerComponent (React/ Redux)？
import React, { Component } from "react";
import { connect } from "react-redux";
import { withRouter } from "react-router-dom";
import InnerComponent from "./InnerComponent ";
class WrapperComponent ex
浏览 8提问于2018-12-17得票数 0
回答已采纳
我正在使用react本机和redux实现android应用程序。我的容器组件经常更新，但是我传递给子级无状态组件的道具没有改变，但是它仍然一直在重新呈现。我怎么才能阻止这个重渲染？我知道我可以使用shouldComponentUpdate，但是我需要检查所有的属性。
浏览 4提问于2016-11-07得票数 0
回答已采纳
4回答
我使用三元运算符来渲染使用react路由的组件。但我总是被重定向到"/“路由，而不是所需的组件，即使条件如预期。
只有当我刷新/重新加载页面时，我才能获得所需的功能。
这是我的App.js，其中包含所有路由
import React, { useEffect, useState } from 'react';
import Header from './Components/Header';
import Home from './Components/Home';
import Checkout from "./Compone
浏览 41提问于2021-10-12得票数 1
我一直在React Native Expo中构建一个应用程序。首先，我简单地将Facebook Login复制并粘贴到Login.js中，并将this.login()添加到componentWillMount中。这起作用了- Facebook登录弹出窗口显示为应用程序加载。我能够登录到我的FB帐户，并显示成功消息。
然而，当我尝试合并Firebase时，尤其是在我的Home.js页面和Login.js页面之间传输代码的时候，我开始在页面加载时显示这个白屏。
终端中没有错误；除了一条消息，即FacebookAppID和facebookDisplayName不属于app.json。
我尝试在CSS
浏览 1提问于2019-02-18得票数 1
1回答
我的应用程序中有一个FormControlLabel组件，redux操作被分派为'onChange‘，商店中的状态得到正确更新，只是该组件不会在屏幕上更新。如何告诉react在调度操作后需要执行重新渲染？ 我可以利用useState，但是同时使用redux存储和useState钩子是多余的；我希望我的存储是我应用程序中唯一的状态源。
浏览 18提问于2021-03-29得票数 0
回答已采纳
我有一个连接到存储的react本机组件，当存储有更新时，render方法就会被调用。
我想知道render是否完成了页面的渲染。
我尝试过componentDidUpdate()，但是redux存储中的每个更新都会被调用。
浏览 0提问于2016-07-14得票数 3
我正在尝试让我的应用程序不会抱怨action没有未定义的类型属性。
我设置了我的客户端渲染，如下所示：
import React from 'react';
import ReactDOM from 'react-dom';
import routes from './shared/routes';
import rootReducer from './shared/reducers';
import thunk from 'redux-thunk';
import { createStore, applyMidd
浏览 1提问于2016-09-14得票数 1
回答已采纳
2回答
我知道redux非常适合处理应用程序的全局状态，当该状态被更新以反映在视图中时。但是，有没有可能在不应该重新呈现的react组件上使用它？我有一张地图，它使用小叶，而不是重新渲染和绘制数据，我希望它绘制数据而不是重新渲染。
redux看起来是个不错的选择吗？如果是这样，我应该在哪里处理api调用，因为我被告知不应该在reducer中这样做。
目前，我的应用程序由一个导航栏、一个全屏地图和一个由api请求填充的搜索菜单组成。这个想法是，当选择一个搜索时，它会将数据填充到地图上。
浏览 2提问于2016-03-07得票数 1
6回答
我想知道我的应用程序需要多长时间才能“准备好”让用户与其交互。应用加载的时间线包括以下内容：
DOM加载。初始反应渲染。从各种componentDidMount()sHTTP调用触发的HTTP调用返回。Redux状态通过HTTP responses.React呈现来更新，其中包含来自HTTP responses.All的新值。初始加载完成。用户已准备好与应用程序进行交互。
在这个过程的最后，我想触发一个跟踪事件来记录window.performance.now()的值。
我不确定做这件事最好的方法是什么。React的组件系统在解耦UI的各个部分方面做得很好。在这种情况下，不幸的是，这意味着我没
浏览 36提问于2017-09-26得票数 19
1回答
您好，我有一个React Redux应用程序构建，并从创建React应用程序弹出。我想在同一个网页上呈现此应用程序两次。我们的主页不使用React，但这些特定部分将使用。我已经构建了应用程序，当我只渲染一次它时，它渲染得很好，但是当我在两个单独的dom节点上渲染它两次时，我在第二个应用程序中更改的值会在第一次更新。它似乎在两个应用程序之间共享状态。 从我的研究来看，这似乎是一个完全可行的目标。我读到这也可能是由webpack构建造成的，尽管我希望避免在一个页面上包含多个相同的脚本来创建一个独特的构建(see this link)。我正在寻找帮助来渲染我的应用程序的两个独特的实例。以下代码是我
浏览 53提问于2020-01-15得票数 0
回答已采纳
我有一个可以在网格中显示项目列表的应用程序。其中一些项目有一个嵌入的视频，当它被重新渲染时，它会闪烁或停止播放(如果它已经在播放)。
该列表在Redux中维护。当用户滚动到页面底部时，它会加载更多的结果，这会导致Redux状态更新，而这又会导致网格重新呈现所有项目以及新项目。
我正在寻找一个解决方案，将只添加更多的项目到网格的末尾，而不是重新渲染一切。
我有一个组件可以支撑整个网格。它为网格中的每个项目呈现一个组件。在每个项目中，我都有一个包含嵌入式视频的组件。
有什么想法吗？
浏览 17提问于2019-07-10得票数 0
3回答
我现在正在构建一个spa，它使用Vue.js作为前端框架，它与使用jsonwebtokens的纯json后端进行对话。我更熟悉React生态系统。我现在不确定如何在Vue.js中保护客户端路由。(这不是我对框架的决定。我是新来的。耶！)
在react中，我会这样做。在项目的index.js文件中。在挂载应用之前，请检查本地存储中是否有jsonwebtoken。如果有，请将redux状态设置为已登录。如果未设置为注销，则返回。
然后，我将使用高阶组件来保护我的路由，以便每当用户尝试进入客户端保护的路由时，我都会使用检查登录状态的componentWillMount生命周期方法。如果已登录，请渲染
浏览 3提问于2017-04-15得票数 4
如何在Angular 2中强制组件重新渲染？为了调试的目的，使用Redux时，我想强制一个组件重新渲染它的视图，这是可能的吗？
浏览 125提问于2016-01-31得票数 204
回答已采纳
4回答
我是React和Redux框架的新手，但是我能够从redux中存储和抓取数据，而我不能在手动刷新页面时抓取数据。当时，React和Redux状态为空。
我真的很困惑，如果状态是空的，那么为什么我们要使用redux而不是localStorage / sessionStorage。
如果我做错了什么，请帮帮我。
非常感谢您的帮助。
浏览 2提问于2019-12-07得票数 1
我正在尝试将多个Slate.js文本编辑器域添加到一个页面中。到目前为止，我的主组件包含一个按钮，当单击该按钮时，会将一个slate值附加到redux存储中的数组slateValues。在呈现函数中，我随后映射到该数组，并为每个条目返回一个SlateEditor组件，该组件本质上呈现具有一些自定义格式/功能的标准Slate Editor组件。
我的问题是Slate使用onChange函数来处理对值的更改。在本地状态中处理这些更改很好，但我如何将其传递到redux存储中？直接在onChange中更新redux存储会导致父组件重新渲染，然后在无限循环中结束(我假设这会再次触发onChange，这会
浏览 4提问于2018-07-05得票数 2
1回答
我正在寻找创建和导航/重定向页面片段的最佳方法，就像红色圆圈中的那个(如果它们被称为片段，则为idk)。
我正在使用React和Redux。react-router是个好主意吗？
你们知道有什么好的学习指南可以在同一页的不同部分之间创建和导航吗？
浏览 0提问于2018-06-01得票数 0
尝试使用React实现自定义单元格框架渲染器，这看起来很简单。创建React组件，将其注册到frameworkComponents。 填充rowData的数据来自我的redux存储。自定义单元格渲染器是一个功能强大的react组件。 问题是，因为我使用的是frameworkComponent -在我的例子中是React组件-作为cellRenderer，所以我通过useSelector(selectorForMyData)获取的网格的数据的任何更改似乎都会导致重新呈现我的frameworkComponent，在浏览器上，它看起来就像一个随机的、恼人的闪烁。应用程序大量连接到redux中 两个
浏览 53提问于2021-01-22得票数 4
回答已采纳
2回答
Redux Saga热重装
、、、、
我在做一个React & Redux项目。本项目采用webpack开发中间件和热中间件进行热重装.
在我将Redux添加到该项目并将Saga中间件添加到redux商店之后。似乎每当我更改saga代码时，热重加载都会中断并显示一条错误消息：
Provider>不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。
据我所知，Saga使用的是发电机，它依赖于时间。是否可以用Sagas热重新加载页面？就像Redux减速器在热重装过程中更换自己一样。
谢谢!
浏览 4提问于2016-05-10得票数 24
回答已采纳
我正在学习没有redux、mobx或任何其他库的react。我之所以不使用redux，等等，是因为有人告诉我，在使用库之前先使用redux是很重要的。我正在尝试从防火墙获取数据并呈现它，但是由于异步，我不得不呈现数据。我不能渲染，因为当我呈现的时候我没有得到数据。
我的是16，我练习使用消防系统。这是我的密码。
无论你给我什么建议，我都会感激你的。谢谢。
CategoryButtonSet.js
import React from 'react';
import CategoryButton from './CategoryButton';
import {t
浏览 0提问于2018-05-14得票数 1
回答已采纳
3回答
当使用FileReader应用程序接口选择要上传的文件时，我正在尝试在React/Redux应用程序中显示一些文件内容。我可以显示内容，但是在FileReader的onload事件处理程序中调用setState会导致无限呈现。
import _ from 'lodash';
import React, { Component } from 'react';
import { reduxForm, Field, formValueSelector } from 'redux-form';
import Button from 'materi
浏览 4提问于2018-02-20得票数 0
回答已采纳
关于React和Redux的快速简单问题。你允许一个父容器组件(与redux store交互)渲染另一个子容器组件(也对store作出反应)吗？这里的这个子组件有它自己的状态来管理，并且不是表示组件。
浏览 1提问于2016-10-01得票数 1
1回答
我在组件中设置了我的操作，如下所示：
actionIndex.js
import { bindActionCreators } from 'redux'
import * as profileActions from './profileActions'
import * as uiActions from './uiActions'
import * as statusActions from './statusActions'
import * as searchActions from './searchAction
浏览 0提问于2017-01-19得票数 2
我用的是react-redux，react-router
我设置了任何值：dispatch({ 'FIRE' });，然后在reducer中：
case 'FIRE':
return {
isLoading: true
};
我不明白为什么当我改变页面(我点击任何链接)时，我的商店没有清除？它仍然存储我所有路由的变量isLoading = true。为什么？
浏览 5提问于2017-08-12得票数 0
回答已采纳
这是我的testing-library-utils.js import React from "react";
import { render as rtlRender } from "@testing-library/react";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools
浏览 7提问于2021-04-09得票数 1
1回答
所以我有这个问题。我已经使用Webpack将我的React+Redux应用程序打包到一个文件中。我通过使用init函数实现了React的渲染。
var api = {
init: function(rootDiv, anAPIObject) {
ReactDOM.render(
<Provider store={store}>
<div>
<MyApp />
</div>
浏览 0提问于2016-01-18得票数 0
我是React & Redux-Form的新手，目前我需要一些帮助。
基本上我有列表和他们的编辑按钮列表页面。当单击编辑时，我显示了一个带有字段的模式弹出窗口，并执行API调用来获取相应的列表数据。
您能告诉我如何使用从API调用接收到的数据预先填充模式弹出窗口中的字段吗？
有一个代码样本的演示将非常感谢(就像我说的，我是React & Redux &Redux-form的新手)。:(
提前感谢！
浏览 3提问于2018-03-01得票数 0
我使用的是react-native导航，并使用redux进行状态管理。当我使用"push“方法转到screenA to screenB时，screenA不会卸载。这将导致不必要的重新渲染，以前在react导航中，我使用shouldComponentUpdate将组件与当前可见的屏幕进行匹配，以停止重新渲染。
有没有办法在反应原生导航中做到这一点？
浏览 3提问于2018-02-06得票数 3
使用下面的代码，只有当我成功登录时刷新页面时，注销按钮才会显示。该功能按预期工作，因此没有任何问题。
此外，我希望在用户成功登录时，在导航栏上显示注销按钮，而不需要刷新页面。
我试过很多方法来解决这个问题，但都没有用。
在我的研究中，我遇到了一种叫做Redux Persist的东西，但我不确定它在这个场景中是否值得使用。有什么方法可以不用Redux来处理这个问题吗？
我愿意接受代码改进/代码建议。提前谢谢。
import { Navbar, Nav, Container, Button } from 'react-bootstrap';
import axios from &#
浏览 3提问于2021-08-29得票数 0
回答已采纳
在我的包JSON中更改了对16.2.0的反应和反应，并收到了以下错误。
Uncaught Error: Cannot find module "react/lib/ReactComponentTreeHook"
已经尝试过清除我的node_modules，重新安装所有东西，从一个新的项目开始，并以小块的形式添加依赖项以缩小问题范围，并且尝试了堆栈溢出中已经看到的几乎所有选项。
我的package.json如下：
{
"name": "",
"version": "0.0.1",
"d
浏览 5提问于2017-12-04得票数 0
3回答
在redux存储有任何数据之前，正在呈现一个问题。
这个问题是由在现有的角度应用程序将数据发送到存储区之前呈现给页面的React组件造成的。我不能改变渲染的顺序或者类似的东西。
我的简单反应组件是
import React, {Component} from 'react';
import { connect } from 'react-redux';
import {addBot} from './actions';
class FlowsContainer extends React.Component {
componentDid
浏览 3提问于2017-05-05得票数 3
回答已采纳
我在一个页面中有四个有状态的react组件，它们只需单击一个按钮即可同时更新。
我现在想使用redux store来保存所有组件的状态。
我为第一个组件编写了react-redux connect，它工作得很好。
然后对第二个组件遵循相同的逻辑，但存储不会随第一个组件一起更新。
如何同时保存所有组件的状态进行存储？
浏览 2提问于2018-04-19得票数 0
我想将我现有的react本地应用程序转换为typescript。
文档中说，要卸载现有的依赖项，并将它们替换为如下所示：
yarn add --dev @types/jest @types/react @types/react-native @types/react-test-renderer
我需要对每一个依赖者这样做吗？如果某些依赖项没有@types/怎么办？
这是我的package.json：
{
"name": "reactnative",
"version": "0.0.1",
"private
浏览 0提问于2018-08-11得票数 0
回答已采纳
我正在创建一个使用React，，React Redux&React持久化的网站。
我用防火墙建立了一个登录注册页面。当用户登录或注册时，我希望他们的显示名称在标头组件中。使用我当前的方法，我意识到当一个用户登录时，头组件每次都会重新呈现，但是我不太喜欢它，因为它不会使我的网站导航顺畅。当用户未登录时，标头组件不会重新呈现。
我对JS的反应相对较新，我正在阅读文档& googling其他类似的问题，但我找不到解决方案，也很难解决这个问题。如有任何帮助或建议，将不胜感激！
下面是我的index.js，App.js，header.component.jsx
index.js
impo
浏览 4提问于2020-08-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
