redux:在异步获取和文档创建后重新呈现组件
Redux是一个用于JavaScript应用程序的可预测状态容器。它是一个用于管理应用程序状态的开源JavaScript库。Redux通过将应用程序的状态存储在一个单一的JavaScript对象中，使得状态的管理和更新变得简单和可预测。
Redux的核心概念包括：
- Store（存储）：Redux应用程序的状态存储在一个单一的存储对象中，称为Store。Store是只读的，唯一改变状态的方式是通过派发（dispatch）一个动作（action）。
- Action（动作）：Action是一个描述状态变化的普通JavaScript对象。它必须包含一个type属性，用于指示要执行的操作类型。除了type属性，Action还可以包含其他自定义的数据。
- Reducer（归约器）：Reducer是一个纯函数，它接收先前的状态和一个动作作为参数，并返回一个新的状态。Reducer根据动作的类型来更新状态，并返回一个新的状态对象。
- Dispatch（派发）：Dispatch是一个用于触发动作的函数。当应用程序需要更新状态时，可以通过派发一个动作来触发状态的更新。
Redux的优势包括：
- 可预测性：Redux使用单一的状态存储和纯函数来管理状态的变化，使得应用程序的状态变化变得可预测和可控。
- 可测试性：由于Redux的状态管理是纯函数，因此可以轻松地编写和运行单元测试来验证状态的变化是否符合预期。
- 可扩展性：Redux的架构使得应用程序的状态和业务逻辑分离，从而使得应用程序更易于扩展和维护。
- 开发者工具支持：Redux提供了一系列开发者工具，如Redux DevTools，可以帮助开发者更好地调试和监控应用程序的状态变化。
Redux的应用场景包括：
- 大型应用程序：Redux适用于需要管理复杂状态的大型应用程序，它可以帮助开发者更好地组织和管理应用程序的状态。
- 异步数据流：Redux提供了中间件（middleware）机制，可以处理异步操作，如异步获取数据、处理网络请求等。
- 跨组件通信：Redux的状态存储是全局的，因此可以方便地在不同的组件之间共享状态和通信。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：腾讯云云函数是一种事件驱动的无服务器计算服务，可以让您在云端运行代码而无需管理服务器。链接地址：https://cloud.tencent.com/product/scf
- 云数据库MongoDB版：腾讯云云数据库MongoDB版是一种高性能、可扩展的NoSQL数据库服务，适用于存储和管理大规模结构化和非结构化数据。链接地址：https://cloud.tencent.com/product/mongodb
- 云存储COS：腾讯云对象存储（Cloud Object Storage，COS）是一种安全、持久、高可用的云端存储服务，适用于存储和处理各种类型的数据。链接地址：https://cloud.tencent.com/product/cos
请注意，以上提到的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我正在尝试制作一个博客风格的应用程序。我正在运行一个django服务器，并试图创建一个react-redux前端。我正在使用redux-devtools，当我注释掉错误代码时，redux似乎具有状态中的数据。不确定哪里出了问题。此外，我使用redux-thunk和axios与后端通信。我几乎是在抄袭youtube的教程。这是reducer reducers/posts.js
import {GET_POSTS} from "../actions/types";
const initialState = {
posts: []
}
浏览 16提问于2019-07-15得票数 0
回答已采纳
1回答
编辑:更改了标题，因为我从<React.StrictMode>中删除了index.ts，现在构造函数和其中的fetch函数被调用了两次。
我正在创建一个URL Shortner服务，我被困在这样的位置上:用户使用哈希代码访问前端URL，然后重定向到原始URL。我做这个项目主要是在打字稿上。
我使用Node和Express作为我的后端，Mongo作为我的DB。它正在3001端口上运行。
我使用的反应，反应-路由器，和Redux作为我的前端。它在3000端口运行。
所以我的Routes.js文件是这样的
import React from "react";
import
浏览 3提问于2020-06-24得票数 0
我使用componentWillMount方法调用动作创建者，然后调用两次。请看下面的结果截图。
这是我的动作创建者：
export function fetchAdmin(){
return (dispatch)=>{
axios.get(`${Config.API_URL}/admin`,{
headers: { authorization: localStorage.getItem('token')}
})
.then(response => {
浏览 5提问于2016-11-19得票数 1
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
2回答
我正在使用react & redux创建一个系统，其中我需要从api获取一些数据，我创建了操作/函数和reducer，但当我尝试访问组件上的结果和控制台日志时，它显示未定义的结果比解析显示了三次，而当我尝试映射结果时，当然不能，因为此处未定义的thing.enter图像描述。 这是我的action函数代码。 import axios from "axios";
import Cookies from "js-cookie";
export const signIn = () => {
return {
type:
浏览 16提问于2021-04-17得票数 1
回答已采纳
3回答
我正在构建一个应用程序，在此应用程序中，我需要在挂载主要组件之前从服务器获取初始redux状态。在我的操作中，我使用redux-thunk来获取必要的数据：
export const getInitialStateSuccess = (state: any): IfetchThemeSuccess => {
console.log('state', state);
return {
type: FETCH_INIT_STATE,
state
};
};
// here I fetch the data from
浏览 34提问于2018-02-22得票数 3
回答已采纳
1回答
响应服务器端呈现呈现不正确的内容
、、、、
我正在开发一个使用React、Redux和Router路由器的rendering应用程序，服务器端呈现(使用express)。
我面临的问题有点难以解释。我将尝试在以下步骤解释它。
您首先从像这样的URL输入应用程序。快速服务器将发送正确的内容，其中包括正确的页面源和DOM(从铬元素面板)作为初始加载。
然后，让我们导航到另一个页面，比如 (导航并不会导致页面刷新，因为它是一个单一的页面应用程序，只有当您使用浏览器进行刷新或从浏览器地址栏中的URL输入页面时，它才会到达服务器获取SSR内容)。
使用cmd +r或刷新浏览器中的页面(您现在在页面F5上)。同样，服务器将发送内容。但这
浏览 1提问于2017-08-30得票数 1
回答已采纳
我正在制作一个将文章添加到书签的功能。现在添加书签很好，但我不明白为什么redux工具箱返回以前的状态。当我单击复选框时，我会向书签数组中添加一个带有项目id的对象。在redux工具箱中，一切都很好，但是当您尝试通过console.log()进行检查时，新对象不会出现在那里，但是当添加另一篇文章时，它就会出现在那里。每次它返回前一个值时
看起来是这样的：
//Redux state
[
{
id: 15
},
{
id: 5
},
{
id: 21
},
{
id: 4
}
浏览 4提问于2021-12-20得票数 0
在我的componentWillMount函数中，我有一个从服务器获取数据的async函数getResults。我希望在初始加载时将响应从getResults传递给同一个组件，但是我注意到，在等待数据从getResults返回之前，组件呈现。如何让组件在呈现之前等待响应？我正在使用Redux来处理我的状态。
async componentWillMount() {
const response = await getResults(this.props.category)
}
浏览 1提问于2018-03-04得票数 4
回答已采纳
2回答
我正在使用Redux构建一个应用程序。
要加载反应性智能组件的初始数据，我需要在服务器数据请求发生的地方分派一个Redux操作。
我尝试在构造函数(ES6实现)、componentWillMount和componenetDidMount中分配操作。他们都起作用了。
我的问题是：
在React智能组件中是否有建议的位置应该分派该操作。
浏览 4提问于2016-09-21得票数 8
回答已采纳
众所周知，页面的重载或刷新操作会清除redux存储中的状态数据，这往往会因为状态数据的丢失而导致渲染错误。为了解决这些问题，我们可以在重新加载页面时使用查询字符串中的参数来reFetch数据，或者在重新加载页面之前将页面所需的redux store的旧状态数据存储到localStorage中。你有更好的解决方案吗？您首选的解决方案是什么？我们将非常感谢您的分享。
浏览 2提问于2018-02-07得票数 0
2回答
我是新的反应，我从redux获得数据，首先，我从redux获得一个对象，然后将它传递给redux中的函数，并在还原器中设置一个numReg值。
当我通过this.props.fetchAccountDetail(data)在操作中调用一个函数时，它会向API发送一个请求，并从API中获取数据，并将其保存在还原器或存储中。当我通过this.getDataFromAccount(accountDetail.num)在呈现中调用函数时，它会进入无限循环中。
我想要返回数据，它应该只运行一次。
import React, { Component } from 'react'
impor
浏览 0提问于2019-08-06得票数 2
回答已采纳
2回答
组件上有以下state变量和componentDidMount方法：
state = {
categorized_items: []
}
componentDidMount() {
this.props.fetchItems()
// I'm trying to do the following
console.log('uncat_items: ', this.props.uncat_items)
this.setState({categorized_items: this.props.uncat_items})
浏览 0提问于2018-10-18得票数 0
回答已采纳
我在react和redux方面是新手。我在一个组件上有一个按钮，我正在调用api并将响应设置为状态。但我想让那个状态返回到单击函数，在这个状态的基础上，我想要一些有条件的工作。
我不知道如何实现这一点。
谢谢，Vijay
浏览 0提问于2016-11-30得票数 0
我有redux连接组件与onClick动作绑定到它。每次我点击它的重选器，尽管我使用useCallback钩子。以下是我的简化组件：
const Map = props => {
const dispatch = useDispatch(); // from react-redux
const coordinates = useSelector(state => state.track.coordinates); // from react-redux
const onClick = useCallback( // from react
data => {
浏览 3提问于2019-12-23得票数 0
回答已采纳
Redux-thunk允许您创建返回函数而不是操作的操作创建器。内部函数接收存储方法dispatch和getState作为参数。
function incrementAsync() {
return (dispatch, getState) => {
setTimeout(() => {
dispatch(increment());
}, 1000);
};
}
但与此同时，react-redux的connect已经有了一个mapDispatchToProps参数，可用于将操作创建器包装到调度调用中，以便可以直接调用它们。使用mapDispat
浏览 0提问于2017-06-12得票数 4
1回答
如何处理分派后的剩余数据？
、、、、
我有一个搜索屏幕，包含输入和TopTabs“歌曲，艺术家”，
搜索后从API获取数据时，我会做两件事
1- i setState，以显示TopTab组件“真/假”2-分派一个动作，以保存歌曲和艺术家的数据在redux商店。
效果很好。
但是在topTab组件中，正如我之前所说的，我有两个选项卡“歌，艺术家”
例如，在from组件中，我希望操作数据以实现我的情况，因此在componentDidMount中，我从redux映射歌曲数组，并将新数据推入组件状态。
但效果不太好！
在第一次，我从redux获得歌曲作为空[]，虽然它是成功地保存在redux存储时，我从API获得数据
那么，我如何处理这种
浏览 0提问于2020-04-01得票数 0
我正在研究redux工具包，我想列出表上的项目，但我的问题是，当我使用useSelector调用redux上的状态时，它会产生无限循环。我不明白这个循环是从哪里来的，也不明白为什么会发生这种情况。
CreateAsyncThunk：
export const fetchRemarks = createAsyncThunk(
'remarks/list_remarks',
async (_, {dispatch, getState}) => {
const AuthToken = getState().user.user.token;
浏览 19提问于2021-06-08得票数 0
1回答
我有一个在页面上呈现项目的React组件。从网络中检索项目。
加载组件时，应检索并呈现这些项。
也会有一种在组件加载后更新项目的机制。
我的第一个想法是将网络请求定位在componentDidMount函数中。
这样做会打破任何与redux和单向数据流/不变性相关的最佳实践吗？
相反，我是否应该向存储发送一个操作，并依赖redux中间件来执行网络请求(这最终将更改存储并导致组件的重新呈现)？
浏览 9提问于2017-07-19得票数 1
回答已采纳
我正在使用redux和redux thunk的react。我有一个正在发出网络请求的操作。使用useSelector，我从redux存储中获取数据。我有一个问题，当我调度操作时，组件每次都会重新呈现。我希望组件仅在数据更改时重新呈现。我已经尝试使用shallowEqual作为useSelector的第二个参数。但它不起作用。我已经在这个沙箱中把它压缩成了最小的例子。在控制台中，您可以看到每个网络请求都会重新呈现该组件。代码是这样的：
代码如下：
function LevelThree() {
console.log(`Level three calls: ${++levelThreeCal
浏览 52提问于2020-06-05得票数 8
回答已采纳
我有一个应用程序，它在chrome中运行得很好，但是在firefox中它显示的是空白屏幕。
对于网络选项卡中的相同请求，firefox给出的状态代码为304，而在chrome中为200。
由于我使用的是redux存储，所以我使用了下面的代码来创建redux存储。
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer,composeEnhancers(applyMiddleware(thunk)));
如果我使用下
浏览 0提问于2019-06-26得票数 3
2回答
我有以下情况，我有一个REST API和一个React+Redux应用程序。
当用户登录时，我将令牌保存到localStorage，基于此，如果用户返回页面，我使用令牌调用服务器/api/whoami { token }，在那里我验证令牌并返回用户详细信息，我将使用该用户详细信息更新我的Redux存储。
我的问题是，如果我刷新并希望在componentDidMount中执行某些操作，即使用户登录到Redux存储，也不会更新，因为对/api/whoami的请求尚未完成。
如何等到对/api/whoami的请求完成并设置好用户后再呈现我的应用程序呢？
对于这种问题，有没有其他的解决方案？
谢谢!
浏览 1提问于2017-06-16得票数 0
1回答
我有一个使用redux，react-router，react-router-redux的同构react应用程序，我想将我的组件与url查询参数绑定在一起，当查询参数发生变化时，向API发送请求并更新我的状态，最后获取数据。我知道使用react-router-redux它会自动更新我的状态。另外，我想要显示一个预加载器(微调)给用户时，数据是提取。为这个问题编写一个动作创建器的最好方法是什么？谢谢
浏览 0提问于2017-07-12得票数 0
1回答
我正在尝试确定当您需要能够立即从props中检索值时，从React执行await操作调用是否有效。换句话说，考虑这个例子：
// Import the Redux store directly (this is just to show that the store will update synchronously)
import store from '../store';
const state = store.getState();
// Where foo is an object created by combineReducers and bar is a p
浏览 0提问于2019-02-12得票数 2
1回答
在使用React、Redux和Hooks的实现中，我遇到了一些问题。
我不知道如何避免这种情况：
import React, { useEffect } from "react";
import { useSelector, useDispatch } from "react-redux";
import * as R from "ramda";
function Main() {
const mainBanners = useSelector(state => state.mainBanners);
const features
浏览 2提问于2019-11-25得票数 0
1回答
我有一些用Typescript编写的React Redux代码，当组件挂载时，它会从我的服务器加载一些数据。该代码如下所示：
import { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { MyAction } from 'my/types/MyAction';
export const useDispatchOnMount = (action: MyAction) => {
const dispatch = useDis
浏览 3提问于2020-08-12得票数 1
1回答
我用的是react，redux，redux和redux.
我的代码看起来是：
function thunkFunction(){
return(dispatch) => {
dispatch(toggleSmth(false));
dispatch(toggle2Smth(false));
SomeService.getSmth()
.then(response => {
dispatch(oneMoreAction);
dispatch(one2MoreAction);
}
}
}
现在，我在某个
浏览 0提问于2017-08-11得票数 0
1回答
我有一个来自redux的对象，其中有一个在redux本地类组件中呈现的照片。
每次我更新不同对象的相关类组件的状态时，来自redux的对象的图像都是重新加载的。
我怎么能避免呢？
我认为使用redux可以避免在状态更新时重新呈现对象。
浏览 1提问于2017-09-28得票数 3
回答已采纳
<Provider store={this.props.store}>
<ConnectedRouter history={this.props.history}>
<AppWrap>
<Header />
<Main>
<Switch>
<Route exact path="/" component={Component1}/>
<Route path="/component2"
浏览 1提问于2017-12-20得票数 1
回答已采纳
我正在为我正在开发的一个应用程序进行身份验证过程。
目前，用户通过蒸汽登录。验证登录后，服务器将用户重定向到app索引/，并向他们发送一对JWT作为GET变量。然后，应用程序将这些内容存储在Redux商店中，然后重写URL以隐藏JWT令牌，以达到安全目的。
然后，应用程序对令牌进行解码，以获取有关用户的信息，如用户名和化身地址。这应该在应用程序的SiteWrapper组件中呈现，然而，这正是我的问题所在。
似乎正在发生的是在SiteWrapper组件完成保存令牌之前加载App组件，因此在未定义变量时抛出错误。大多数似乎与API请求相关的修复都是针对API请求的，但是，在这种情况下，情况并非如此
浏览 1提问于2018-12-05得票数 1
回答已采纳
我正在制作我的第一个react + redux应用程序，我有一个问题。我有一个呈现输入字段的组件，由于在它上面添加了一些内容，所以我需要将它转换为scrollIntoVIew。
所以，我只是在组件componentDidUpdate()生命周期方法中添加了scrollIntoView：
componentDidUpdate() {
console.log("scroll");
this.refs.input.scrollIntoView();
}
唯一的问题是，这个组件不会每次都重新呈现(因为它没有任何变化)，所以scrollIntoVIew只被调用一次。
我可
浏览 0提问于2017-10-11得票数 0
我是第一次使用react，我的问题是，有没有办法从另一个组件重新呈现一个组件？ 我正在使用Redux，一些全局状态正在影响组件B。但在我的示例中，在某个Redux状态从组件C更改后，组件B不会重新呈现。 组件C和B不是彼此的父/子组件，有没有简单的方法可以做到这一点？ 谢谢
浏览 24提问于2021-01-15得票数 0
每次单击标题中的链接时，我都希望组件重新呈现。因此，我使用了route中的组件道具来重新修改组件。
<Route
exact
path="/assets"
component={props => (<AssetsView {...props} />)}
/>
在文档中指出，
这将导致现有组件卸载和新组件安装，而不仅仅是更新现有组件。
但是，当我单击链接时，首先调用构造函数，然后是componentWillMount，componentWillUnmount是要调用的最后一个生命周期。
我有两个组件编辑和表视图，我导航到这两个组件之间使
浏览 0提问于2018-10-29得票数 1
2回答
目前，我将用户名存储在redux存储中，并在用户登录后显示在topbar中。(用截图显示)。但是，当redux状态被更新时，它不会自动重新呈现.我仍然需要在topbar中做一些操作，然后用户名才会出现。否则，它就不会出现。所以问题是，如何强制从我的登录组件中重新呈现topbar组件.另一个问题:当刷新页面时，用户名将被删除。那么，是否有任何选项可以以redux状态持久化数据？否则就不可能了。
const Login = () => {
...
const handleLogin = async googleData => {
...
//store us
浏览 5提问于2021-10-07得票数 2
回答已采纳
2回答
我在使用redux saga和redux工具包。在EachUser组件中，如果不使用useEffect钩子，我就不明白为什么组件会一次又一次地挂载。谁能帮我弄明白为什么。
我不会改变任何道具或状态，所以我不认为无限循环应该发生，但它正在发生。
下面是指向我的代码沙箱的链接：
浏览 1提问于2021-05-07得票数 0
回答已采纳
1回答
在我的react / redux应用程序中，我遇到了一些性能问题。
我在我的减速机里用一个很深的物体。它包含一个名为list的对象，它包含一个对象集合。
const state = {
list: {
one: {
id: 'one',
name: 'One',
active: false
},
two: {
id: 'two',
name: 'Two',
active: false
}
}
}
对象中的每个项都用于呈现
浏览 0提问于2018-06-28得票数 0
1回答
我正在尝试将redux及其工作概念化，经过一些测试，我注意到了一件事。我想引用这个例子
比方说，我有一个还原器(一个布尔变量)。基于该变量，将发生以下代码。
减速机
const initState = { isLoggedIn: false };
const isLoggedInReducer = (state = initState, action) => {
switch (action.type) {
case "LOG_IN":
return { ...state,isLoggedIn: true };
case "LOG_
浏览 3提问于2020-12-21得票数 1
回答已采纳
处理React，Redux和Redux-Redux。
订阅正确的存储，但一旦我尝试钻入对象，我就会得到一个‘无法读取属性'x’的未定义。对象中的任何属性都是禁止使用的，因为某些原因使我无法理解。
见守则：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
class NavList extends Component {
render() {
浏览 2提问于2017-06-27得票数 0
回答已采纳
我是redux工具包及其测试的新手。我正在尝试为一个createAsyncThunk编写一个测试，该测试调用一个API并通过API中的数据更新状态。组件中的一个按钮正在调用我的异步thunk，而不是测试thunk本身，而是在我的组件中测试它的实现。我正在使用模拟服务工作者库来模拟我的API调用。以下是我考试失败的截图
这是我正在运行的测试
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { rest }
浏览 5提问于2022-02-15得票数 1
在使用LocalStorage之前，我想通过点击横幅按钮获得用户的同意。LocalStorage是通过redux-persist使用的。我正在使用redux和redux-persist，如下所示：
ReactDOM.render(
<Provider store={store}>
<PersistGate loading={null} persistor={persitor} >
<MyAppRouter />
</PersistGate>
</Provider>,
document.getEl
浏览 35提问于2020-04-13得票数 11
回答已采纳
我想我漏掉了一个关于React和Redux的概念。我试图处理存储在redux中的对象，但我遇到了麻烦。
REDUX:我有一个动作fetchItems，它从数据库中获取所有的项。这一行动很成功。
REACT:我有一个容器，UserProfile，它在componentDidMount中调用fetchItems。
class UserProfile extends Component {
componentWillMount() {
console.log('------------ USER PROFILE -------------------');
}
浏览 2提问于2018-02-11得票数 3
回答已采纳
我正在使用redux工具箱方法中的api获取数据。我正在控制台中获取数据，但是我的钩子在页面加载时没有更新。
在这里输入代码
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
import { useNavigation } from '@react-navigation/native';
import { Calendar } from 'react-native-calendars';
浏览 1提问于2022-11-17得票数 0
1回答
我创建了一个简单的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
回答已采纳
我需要在redux中的状态改变后更改文本输入值(重新渲染视图)。这意味着从文本输入的所有内容都将存储在redux store中(在每个字符之后)，并重新呈现回输入。如果我使用不带redux的setState，视图会成功更改，但如果我在handleChange函数中使用this.forceUpdate()方法强制重新渲染，也会成功更改视图。
我认为这是事实的问题，在reducer中的状态没有适当地改变。我用谷歌搜索了很多方法，但没有一种方法对我不起作用。
这里减少了代码：
'use strict';
import * as React from "react";
浏览 0提问于2018-04-07得票数 0
import React, { Component } from 'react';
import { Link, withRouter } from "react-router-dom"
import { connect } from "react-redux"
import { compose } from "redux"
class Header extends Component {
handleLogout = (event) => {
event.preventDefault()
浏览 25提问于2020-01-13得票数 0
回答已采纳
1回答
当我从AsyncStorage获得数据时，它不会等待显示。
它在捕获值之前返回值。
我不能使用异步等待函数。如果是这样的话，它不会编译。
今天我找了一整天，但找不到答案。
我怎样才能解决这个简单而又复杂的问题呢？
反应码
import React from 'react';
import { StyleSheet, View, Text, AsyncStorage, TouchableOpacity } from 'react-native';
import { useSelector, useDispatch } from 'react-redux&#
浏览 0提问于2019-11-04得票数 0
回答已采纳
我已经简化了代码，以隔离和重现问题，因此它在实际实现中可能没有意义：
import React, { Component } from 'react'
const obj = {
objProp: true
};
export default class MyButtonContainer extends Component {
render() {
return (
<MyButton
onClick={() => {obj.objProp = !obj.objProp;}
浏览 16提问于2018-12-11得票数 2
2回答
这是智能组件：
import React from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import Filter from '../Filter';
import Sort from '../Sort';
import { getItems, selectItem, reverseItems, findItems } from '../../actions
浏览 15提问于2017-03-13得票数 2
1回答
我正在尝试使用React和Redux制作一个web应用程序。还原器调用后端的api，此api返回类别的Json。但我意识到，当我从组件函数调用这个还原器和状态时，因为某个原因，包含状态的div被呈现了两次。在第一个呈现中，类别的json数组不存在，而在第二个呈现中，类别的json数组存在。
这是我的组件代码：
import React, { useRef, useEffect} from 'react'
import { NavLink, Link } from 'react-router-dom'
import { connect } from 'r
浏览 3提问于2020-05-19得票数 0
回答已采纳
我在我的应用程序中使用Redux和，我正在进行一些API调用，我有一个问题，在我的redux循环成功完成之后，我应该使用哪种生命周期的方法来导航到下一个屏幕，为什么呢？
用户在登录屏幕上放置他的凭据后单击了登录。
执行登录redux操作并返回成功。
成功后，我的登录屏幕道具被改变，我想重定向到下一个屏幕。
在哪种方法中，我必须将导航代码放置在
this.props.navigation.navigate("DashoardScreen');
当我进行了不同的搜索之后，我发现componentDidUpdate()或shouldComponentUpdat
浏览 5提问于2020-01-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
