componentDidMount ->属性上的React Redux调度不存在
componentDidMount 是 React 组件的生命周期方法之一。它在组件初次渲染到 DOM 后调用，用于执行一些初始化的操作，例如发起网络请求、订阅事件或操作 DOM 元素。
在 React Redux 中，componentDidMount 可用于调度 Redux 的异步操作，以获取数据并更新组件的状态。一般情况下，我们会使用 Redux 的异步中间件（如 Redux Thunk 或 Redux Saga）来处理异步操作。在组件的 componentDidMount 方法中，我们可以通过调用 Redux 的 action 创建函数来触发相应的异步操作。
然而，根据你的问答内容所描述，似乎属性上的 React Redux 调度并不存在。有几种可能的原因和解决方法：
- 检查是否正确引入了 React Redux 相关的依赖库。确保你的项目中已经安装了 react-redux 并正确导入相关的组件和函数。
- 检查是否正确配置了 Redux 的 store。确保你已经创建了 Redux 的 store，并在应用的根组件中通过 Provider 提供给了应用的其他组件。
- 检查是否正确使用了 connect 函数连接组件和 Redux。在需要使用 Redux 状态的组件中，需要使用 connect 函数来连接 Redux 的 store 和组件，并将状态映射为组件的属性。
- 检查是否在组件的 props 中传入了调度相关的内容。确保组件的 props 中包含了需要用于调度的相关属性。
根据你的需求，腾讯云提供了一些与云计算相关的产品，可以帮助你构建和扩展应用。具体推荐的腾讯云产品取决于你的具体需求，以下是一些常用的腾讯云产品及其应用场景：
- 云服务器（CVM）：用于快速部署、弹性扩展和管理服务器资源。 产品链接：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：提供可扩展的对象存储服务，适用于存储、备份和分发大量的非结构化数据。 产品链接：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：提供一站式的人工智能开发、训练和部署平台，支持多种常见的深度学习框架。 产品链接：https://cloud.tencent.com/product/ailab
- 云数据库 MySQL版（CDB）：提供高性能、可扩展和可靠的关系型数据库服务，适用于各种规模的应用程序。 产品链接：https://cloud.tencent.com/product/cdb
请注意，以上只是腾讯云提供的一部分产品，具体选择需要根据你的项目需求和技术要求进行评估和比较。
相关·内容
在使用React和Redux时，我遇到了这个有趣的观察。
import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import {fetchBooks} from '../actions'
class Sample extends Component {
componentDidMount() {
/* Fetching f
浏览 0提问于2019-06-25得票数 1
当我尝试获取数据和componentDidMount时，我会得到这个错误。我如何解决这个问题，它是否是在我的应用程序中获取数据的最佳地方？
不变违规:无法在"Connect(App)“上下文中找到"store”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者传递给connect选项中的Connect(App)。
import React, { Component } from "react";
import {
Platform,
StatusBar,
StyleSheet,
View,
Ima
浏览 0提问于2019-07-18得票数 0
我从api中获取GameChart的数据，并更改redux状态。在GameChart.jsx文件中，当componentDidUpdate调用时，我绘制图表。但是，redux状态更改有时不调用componentDidUpdate。
控制台GameChart.jsx生命周期日志
GameChart.jsx控制台日志，当componentDidUpdate没有调用时(它神奇地发生在50/50的概率.)：
Chart mapStateToProps
Chart componentDidMount
Chart mapStateToProps
当redux状态更改时，GameChart.j
浏览 3提问于2019-12-16得票数 3
我正在学习Redux React。如何使用mapDispatchToProps？我的代码如下所示
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { getAddress } from '../store/actions/addressActions';
class Dashboard extends Component {
componentDidMount = () => {
this
浏览 35提问于2019-03-26得票数 2
回答已采纳
我现在基本上在清理我的代码，发现一些奇怪的东西，我发现了一个mapStateToProps和connect，在该文件中任何地方都没有使用：
import React from 'react';
import { Scene, Router, ActionConst, Stack } from 'react-native-router-flux';
import { connect } from 'react-redux'; //HERE
import { AsyncStorage } from 'reac
浏览 1提问于2018-05-16得票数 0
我在我的一个视图上使用，我只是想重定向用户是没有设置的东西，我的组件相当简单
// MyComponentWithRedirect.js
import React, {Component, PropTypes} from 'react'
import {connect} from 'react-redux'
import {go} from 'react-router-redux'
class MyComponentWithRedirect extends Component {
static propTypes = {
userI
浏览 1提问于2016-03-03得票数 6
一直在玩弄一些代码，然后遇到了一些棘手的问题。目前，我正在显示用户数据，如果用户isAuthenticated。但是，我必须把this.props.user？在内联语句中。否则，this.props.user会以未定义的方式返回，尽管使用this.props.user？它起作用了。
这是代码
// import React from "react";
// import { connect } from "react-redux";
// import { getUser } from "../store/actions/userActions"
浏览 0提问于2018-10-09得票数 0
回答已采纳
我想要快照测试一个react组件，它在它的componentDidMount()处理程序中分发一个redux操作。该操作通过Redux的connect()提供给组件。
我该怎么嘲笑这个动作？
现在，该操作在组件中导入(请参阅下面的Newsfeed.js )。那么，我将如何在我的测试中用它来交换一个模拟动作呢？
我在异步操作中使用redux-thunk，但这并不重要。
app/components/Newsfeed.js
import React, { Component } from 'react';
import { connect } from 'react-red
浏览 1提问于2017-05-05得票数 2
3回答
我想在我的react原生应用中使用redux，并且我正确地制作了我的reducer (我想)，然后创建了store，然后使用了调度或存储，但是我得到了错误，实际上我不能使用调度
我的app.js：
const store = createStore(rootReducer, applyMiddleware(logger));
export default class taav extends Component {
render() {
return (
<Provider store={store}>
<Chatroom
浏览 7提问于2017-08-25得票数 1
2回答
在组件中获取状态时，我遇到了异步问题。当我在mapStateToProps中进行控制台登录时，它显示得很好，但是当我在我的渲染中进行控制台登录时...它是以旧状态出现的。如何在redux中链接函数？
import React, { Component } from 'react';
import Routes from './Routes'
import HomePage from './HomePage'
import {connect} from 'react-redux'
import { bindActionCreator
浏览 0提问于2018-05-08得票数 0
1回答
Redux操作不触发缩减程序
、、、、
问题
我将react应用程序与Redux存储连接起来，添加了一个api操作来从我的后端收集数据，包括中间件redux-promise。当我可以在React网页编辑器中看到我的存储和组合减速键时，几乎所有的东西都可以工作。当我调用我的操作时，它会工作，并且控制台会记录已完成的承诺。然而，我的减速器从来没有运行过。我认为这是我在主容器上分派的一个问题，但我已经尝试了目前我能想到的所有方法--常规分派()和bindActionCreators。帮助!
Index.js
import React from 'react';
import ReactDOM from 'react
浏览 2提问于2018-04-05得票数 3
我正在将我的react项目转移到redux & redux-saga。最初，我调用异步方法来获取大型数据集，然后将其设置为我的本地状态，如下所示：
// Component.jsx
componentDidMount() {
const dataPromise = this.getTableData()
const data = await dataPromise
this.setState({ data })
}
getTableData = async() => {
const response = await APIUtils.getTableDa
浏览 0提问于2018-07-13得票数 3
我正在尝试从slack api中获取频道列表，并将它们存储在redux store和react中。 axios正在获取一个[PromiseValue]，但我无法获取其中的对象： reducer文件： import * as actionTypes from "../actions/types";
import { getChannels } from "./../services/channelService";
const channelsReducer = (state = getChannels(), action) => {
switc
浏览 13提问于2019-06-13得票数 1
嗨，我正在开发React Native应用程序。我正在使用Redux和Saga。我在componentDidMount中调用该接口。
async componentDidMount() {
let data = this.props.navigation.getParam("returnProductData");
if (data) {
console.log("Return Here");
this.props.getProductReturnAction(data)
this.setState({
浏览 0提问于2019-12-31得票数 2
我正在尝试使用React + Redux在我的应用程序中设置一个计时器。所以我有一个组件父组件：
import React, { Component } from "react";
import { connect } from "react-redux";
import { compose } from "redux";
import QuestionCounter from "../question-counter";
import FinishButton from "../finish-button";
浏览 35提问于2020-05-27得票数 1
回答已采纳
--我需要并行调用两个apis -。这一点很重要，因为我希望将page to load的时间保持在最低限度。
如果我在componentDidMount中调用这两个apis (如下面所示)，那么它是否是异步的。
class Test extends Component{
constructor(args) {
super(args)
this.state = {
...
};
...
}
componentDidMoun
浏览 1提问于2018-07-09得票数 0
回答已采纳
我是新的react/redux，并试图遵循结构上的常见实践。
我使用的是一个后端服务，它只需要连接几个容器。
现在，我将连接状态存储在redux中，并在每个需要连接它的容器中包含一个模块。
有什么最佳做法/更好的方法来构造/做到这一点？
看起来是这样的：
import myConnectionProvider from "modules/myConnectionProvider";
...
class MyComponent extends React.Component {
componentDidMount() {
myConnectionProvi
浏览 1提问于2017-08-18得票数 0
回答已采纳
1回答
如何定义组件类型？
、、、
我正在尝试编写一个函数，该函数将Higher Order Components作为参数，并返回与redux存储连接的组件。但是这段代码的最后一行有一个类型错误。如何正确定义类型？ import React from 'react'
import { connect } from 'react-redux'
import { Dispatch } from 'redux'
import { AppState } from '~/store'
import { decrement, increment } from '~/s
浏览 24提问于2020-01-26得票数 0
回答已采纳
1回答
我正在处理react redux示例：
redux存储是在setup.js中创建的，如下所示：
关键部分：
const initStore = ({onRehydrationComplete}) => {
store = createStore(
combineReducers({
...reactDeviseReducers,
cats: [],
form: formReducer,
router: routerReducer,
apollo: apolloClient.reducer()
}),
浏览 2提问于2017-05-24得票数 0
我在试着理解胡克斯的反应。我想要的是通过使用useEffect钩子调用redux操作来获取函数组件中的数据。我知道我可以把道具传递给你
const [todoList] = useState(props.todoList)
但是，通过现有的redux操作获取数据的最佳实践是什么？
在React类组件中，我调用此方法来获取componentDidMount()中的数据，而每个人都认为这是可行的。
import React, { useEffect } from 'react'
import { connect } from 'react-redux'
impor
浏览 0提问于2019-02-11得票数 6
回答已采纳
1回答
我认识ReactJs，但我是Redux的新手。我试图像调用API那样执行异步操作，并希望显示从中接收到的数据。当我在单个页面中实现redux时，即操作、还原器、容器都在一个页面上，它工作得很好。单页代码如下：
import React from 'react';
import { render } from 'react-dom';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import { createStore, applyMid
浏览 0提问于2017-05-15得票数 1
回答已采纳
1回答
我有一个节点服务器，它对存储在MongoDB Atlas数据库中的数据执行CRUD操作。我的前端是在使用redux进行状态管理的情况下使用react的。在进行后端设置之前，我通过调用只返回JSON数据的函数来初始化redux存储的默认状态。现在，我想通过axios向服务器发出一个get请求，以检索相同的JSON数据，该数据现在位于Mongo数据库中。
我知道我应该在componentDidMount生命周期挂钩中创建axios调用，但是我的store.js不是一个类，但我不知道如何实现。不过，我可以只执行axios.get(URL)，但它返回一个对象，其形式为[PromiseStatus]:&
浏览 0提问于2019-07-15得票数 2
回答已采纳
我在第一次渲染时得到了Home组件，但是当我在componentDidMount HomeComponent中更改状态时，它再次导航到HomeComponent，然后转到一个空白页面。它与_renderScene逻辑无关。
如果我简单地在_renderScene中使用return <Home>，在componentDidMount()之后仍然会出现空白屏幕
import { actions as navActions } from 'react-native-navigation-redux-helpers';
class HomeContainer exten
浏览 0提问于2017-02-07得票数 0
我能够读取reducer (Props)的值，但当该操作似乎被分派到还原器函数时，我无法更新redux值(Props2)。
页面：
componentDidMount(){
console.log("Props:"+this.props.user)
}
dummyFunction() {
//Redux
this.props.toggleTheme('red');
//which prints the object above in the screenshot
console.log(this.props.
浏览 0提问于2019-05-27得票数 1
回答已采纳
我想在组件加载时进行api调用。我有以下代码：
import React, { Component } from "react";
import { connect } from "react-redux";
import { getProfileDetails } from "../store/actions/profileAction";
class ProfilePage extends Component {
constructor(props) {
super(props);
}
compo
浏览 0提问于2018-06-18得票数 0
然后 import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { userActions } from 'redux/actions/userActions';
class Example extends Component {
componentDidMount() {
this.props.us
浏览 12提问于2020-02-01得票数 0
这可能是 How to access redux-store from within react's componentDIdMount() 我发现这个例子比我的实现更令人困惑和复杂，所以我将冒险用更简单的代码再问一遍。 我需要从componentDidMount()访问我的redux商店。下面的代码呈现<h3>组件，但console.log()的值为null： class FinishedPaying extends Component {
componentDidMount() {
console.log(this.props.paymentID);
浏览 10提问于2019-01-16得票数 0
回答已采纳
我正在尝试使用redux和react -intl为我的react组件编写测试：
import React from 'react';
import { expect } from 'chai';
import { shallow, mount, render } from 'enzyme';
import Navbar from 'Navbar';
import configureMockStore from 'redux-mock-store'
import thunk from 'redux-thunk
浏览 2提问于2017-01-25得票数 0
回答已采纳
我在这方面有问题。我正在用react redux创建一个小应用程序。
下面的代码是我的app.js组件。在我尝试在connect内部使用mapDispatchToProps函数之前，它一直工作得很好。问题是我不能再调用componentDidMount上的分派操作。以前在componentDidMount中的操作和现在在mapStateToProps上的操作需要在comoponentDidMount上调用。在如何做到这一点上有什么线索吗？
import React, { Component } from 'react';
import './App.css'
浏览 1提问于2017-10-04得票数 7
回答已采纳
您好，我是新的反应和redux，我试图访问存储从componentDidMount方法，但总是给我未定义，当控制台的状态从mapActionToState第一次给我未定义，然后给我真实的状态 import React, {Component} from 'react'
import {connect} from "react-redux";
class UserProperties extends Component {
constructor(props) {
super(props);
this.state = {
tab
浏览 22提问于2019-03-21得票数 0
我正在尝试理解在我的react应用程序中使用redux来应对数据获取挑战的最佳方法。
简而言之，我需要将相同的fetch (在本例中为fetchPlayerSeasonStats)分派两次，并保存两次数据的fetch。第一次抓取单个玩家的统计数据(通过fetches可选的第一个参数thisPlayerId)，第二次抓取省略该参数并获取一个更大的数据集。
下面是我尝试做的事情：
(a)第一次获取playerSeasonStats
(b)在componentDidUpdate()中，检查第一次获取是否已完成( if条件检查数组legnth)。
(c)如果满足条件，则使用状态变量thisPlayer
浏览 0提问于2019-06-14得票数 1
1回答
将调度函数传递给子组件
、、、
我正在使用redux开发一个通用的react应用程序。在我的行为创建者中，我将我的数据发送到存储中。
在ComponentDidMount函数中，分派函数是可以的，但是当我想在呈现函数中将它传递给组件时，不能读取未定义的的属性‘分派’，这给了我错误，如何将我的分派函数传递给组件？
集装箱代码：
class DealContainer extends React.Component {
static readyOnActions(dispatch, params) {
return Promise.all([
dispatc
浏览 5提问于2017-07-24得票数 1
1回答
我正在尝试在我的一个组件中执行dispatch操作。我已经设置了我的动作创建者和reducer。我的操作创建者名为allSearches。我甚至在组件中分派操作。然而，当我执行allSearches的console.log -(来自mapStateToProps)时，我得到了以下结果。请看下面的内容。 return dispatch(actionCreator.apply(this，arguments))；-(在控制台看到) import React from 'react'
import { connect } from 'react-redux'
impo
浏览 9提问于2019-10-08得票数 2
我也想在我的新项目中使用nextjs与redux和thunk。我想知道如何正确地实现所有包。
在我以前的项目页面中，HOC组件如下：
import {connect} from 'react-redux';
import Page from './about';
import {fetchUsers} from '../../actions/user';
const mapStateToProps = (state) => {
const {users} = state;
return users;
};
const m
浏览 1提问于2018-07-25得票数 12
回答已采纳
我在这里查看异步redux示例：
如果我添加以下内容：
function mapDispatchToProps(dispatch) {
return {};
}
export default connect(mapStateToProps,mapDispatchToProps)(App)
则在componentDidMount中不再定义分派。为什么会这样呢？在使用mapDispatchToProps时，如何在此处访问派单？
浏览 0提问于2016-09-28得票数 0
我同时使用redux-thunk和redux-promise，不知何故，redux-thunk中间件没有被调用，我得到了一个错误。 这是我的设置 import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom'
import {Provider} from 'react-redux'
import { composeWithDevTools } from 'redux-de
浏览 98提问于2020-07-19得票数 0
2回答
我似乎不知道如何使用路由参数/ ownProps加载组件/对象，我的配置与redux应用程序的标准配置基本相同，而且我的操作/还原程序工作得很好，但是对于这个组件，数据并不是预先加载的。我假设这意味着在定义“user”对象之前，它正在尝试使用“user”对象，这意味着会发生一场竞赛。我认为这是因为它偶尔会起作用--它正在通过还原器和api调用--结果看起来很好。我应该先创建一个默认的'user‘对象吗？
这条路看起来像
[tld]/user/1234
组件
import React, {Component, PropTypes} from 'react';
import
浏览 0提问于2016-06-22得票数 3
我有两个主要组件，Home和Login。
Login：登录用户并重定向到主组件
Home：API调用是否获得一些数据。
在componentDidMount()中的componentDidMount()组件中，我有一个console.log()。console.log被同时在Login和Home组件上执行，即使它只存在于Login组件上。
在componentDidMount()中的componentDidMount()组件中，我有getData()方法。getData()方法可以同时在Login和Home组件上执行，即使它只存在于Home组件上。
我不确定这是否是为了还原再水合物。是否有一种
浏览 2提问于2017-10-08得票数 1
回答已采纳
1回答
未执行ADD_CONTACT操作。我想要显示联系人的详细信息，这是由ContactDetailComponent.js完成的，当我单击一个特定的联系人时，它是present ContactListComponent.js。您能告诉我哪里弄错了吗？(当我点击ContactListComponent.js中的按钮时，无法显示联系方式)
这是显示所有联系人的组件(ContactListComponent.js)
import React, { Component } from 'react';
import { NavItem, Card, CardBody, Nav, Butt
浏览 1提问于2020-07-29得票数 1
1回答
帮助，我无法显示来自服务器的数据。在控制台中，我看到它们来了，但只要我尝试访问数组或通过map调用它，结果就不确定。也许实现的问题出在哪里？新手在重复，如果可能的话，我请你更详细地回答。
App.js
import React from 'react';
import {Component} from "react";
import './App.css';
import {connect} from 'react-redux';
import {fetchUsersListRequest} from "./action/
浏览 9提问于2020-07-30得票数 0
回答已采纳
我正在构建一个用于纸张交易的web应用程序，所以我有很多用画布呈现的图表，这些组件基本上从我的redux存储中获取相同的状态time，这样它们就可以基于time - 1day和time之间的数据进行渲染。
我有点理解requestAnimationFrame是如何工作的，但不确定我是否可以将time看作一个正常的redux状态，让requestAnimationFrame分派动作来增加它，不同的组件只会正确地重新绘制吗？
class App extends React.Component {
loop(time) {
store.dispatch({
浏览 2提问于2020-07-22得票数 0
回答已采纳
我正在使用一个具有react集成的react本地应用程序。当我从服务中调用调度时，我的商店正在更新，但不知怎么的，我的组件没有重新呈现。
从服务文件而不是从mapDispatchToProps函数调用分派是错误的。
store.js
import { memesReducer } from './memesReducer'
export default combineReducers({
memesReducer
});
export default configureStore = () => {
const store = createStore(
浏览 5提问于2019-11-08得票数 0
回答已采纳
3回答
我刚开始使用redux，并尝试使用Contentful API获取内容。由于某些原因，我调用的操作没有到达reducer。我已经附上了代码，我觉得是相关的，任何贡献都将受到高度赞赏。
操作/index.js
import axios from 'axios';
const API_BASE_URL = 'https://cdn.contentful.com';
const API_SPACE_ID = 'xxxxxxxxxxxxx';
const API_KEY ='xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
浏览 8提问于2018-08-10得票数 1
1回答
我尝试在我的学习中处理ajax数据-- redux项目，我不知道如何分派一个操作并在组件中设置状态。
这是我的部件
import React, {PropTypes, Component} from 'react';
import Upload from './Upload';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import * as profileActions from '../../../act
浏览 2提问于2017-02-19得票数 3
回答已采纳
我正在尝试使用redux-saga从我的API中获取一些数据。不幸的是，它失败了，我收到了Uncaught TypeError: this.props.fetchData is not a function。this.props.someInfo也是未定义的。因为我正在做一些控制台日志，所以我看到没有输入函数getData。我认为这意味着触发操作存在问题。不幸的是，我不知道哪里可能出了问题，也不知道如何修复。
createStore.js
import {createStore, applyMiddleware, compose} from 'redux';
import cr
浏览 1提问于2017-10-08得票数 0
2回答
我有一个分派函数来将名称保存到Redux (从redux文档获得的大部分代码)。
但是现在我想关注ComponentDidMount上的输入，但是我的SaveName函数不是一个组件，而是一个调度函数。我如何重写它，以便我可以使用componentDidMount？
我的代码：
import React from 'react';
import {connect} from 'react-redux';
import {saveName, feedbackInput} from '../actions/';
import { withRouter
浏览 4提问于2017-09-05得票数 0
回答已采纳
目前，我正在尝试将事件侦听器添加到我正在制作的应用程序中。我是通过连接到componentDidMount API来实现这一点的，该API只在组件呈现一次之后才运行，而且不会超过它。我的问题是，我正在使用来自react-redux的react-redux来将我的动作创建者绑定到store.dispatch。我不知道如何将事件侦听器绑定到使用调度绑定到存储的动作创建者的版本。有什么好办法吗？
import React, {PropTypes} from 'react';
import { bindActionCreators } from 'redux';
imp
浏览 1提问于2016-02-03得票数 5
回答已采纳
嗨，如果有人能帮上忙的话。提前感谢 在控制台中，我也得到了这个 index.js:1警告: AppBootUp(...)：在返回的组件实例上找不到render方法:您可能忘记定义render ? 这是我的App.js import React from "react";
import AppRoutes from "../routes/routers";
import { createStore } from 'redux'
import rootReducer from '../store/reducers/index'
浏览 73提问于2020-05-04得票数 1
回答已采纳
我试着用Jest和酶测试反应-还原组分。
我通过了基本的呈现测试，但无法测试componentDidMount中的自定义方法调用时间。
MyButton.jsx
class MyButton extends React.Component {
constructor(props) {
this.handleDataLoad = this.handleDataLoad.bind(this);
}
componentDidMount() {
this.handleDataLoad();
}
handleDataLoad() {
console.log(&
浏览 1提问于2018-10-08得票数 1
3回答
我已经花了5个小时来解决这个问题，但显然它不想工作.
当在我的主组件上检测到onScroll并在我的TopNavigation组件中接收状态"true“或"false”时，我想分派事件。
目前，我的还原器运行良好(在呈现之前使用console.log(nextState) )，但我的印象是连接不能与connect(mapStatetoProps)(TopNavigation)一起工作，因为组件没有重新呈现。
谢谢你的回答
//TopNavigation
import React from 'react'
import { connect } from '
浏览 0提问于2019-03-23得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
