Redux的mapStateToProps没有在AngularJS和React之间映射属性
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以与任何JavaScript应用程序一起使用，包括AngularJS和React。Redux的核心概念是单一数据源和状态管理。
在AngularJS中，可以使用ngRedux库来集成Redux。ngRedux提供了一个$ngRedux服务，可以在AngularJS应用程序中使用Redux的各种功能。要在AngularJS中使用Redux，需要定义一个reducer函数来处理状态的变化，并使用$ngRedux提供的方法来订阅状态的变化和分发action。
在React中，可以使用react-redux库来集成Redux。react-redux提供了两个主要的组件：Provider和connect。Provider组件用于将Redux的store传递给React应用程序的根组件，而connect组件用于将Redux的状态和操作映射到React组件的属性和方法上。通过connect组件，可以将Redux的状态映射到React组件的属性上，并且可以定义mapStateToProps函数来选择性地映射Redux的状态。
mapStateToProps函数是一个纯函数，它接收Redux的状态作为参数，并返回一个对象，该对象包含要映射到React组件属性的值。在这个函数中，可以根据需要从Redux的状态中选择性地提取数据，并将其映射到React组件的属性上。
在使用mapStateToProps时，可以根据具体的业务需求选择性地映射Redux的状态。这样可以确保React组件只会接收到它所关心的数据，提高了组件的性能和可维护性。
对于AngularJS和React，腾讯云并没有特定的产品或服务与Redux的mapStateToProps直接相关。然而，腾讯云提供了一系列与云计算和应用开发相关的产品和服务，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署应用程序。具体的产品和服务可以根据实际需求选择，可以参考腾讯云官方网站（https://cloud.tencent.com/）获取更多信息。
相关·内容
我们的项目主要是用AngularJS 1.5编写的，但我们正在过渡到ReactJS。我们使用来允许我们的AngularJS项目使用React组件。我们的项目也在使用ngRedux来存储某些数据。虽然我可以使用Angular保存某些数据，但我无法通过映射属性访问Redux存储数据。
CardController.js中的this.props.interval未定义。我可以使用this
浏览 0提问于2018-01-31得票数 0
我正在用React & Redux构建一个类似Twitter的应用程序， 我有一个包含两个reducer (user和newTweet)的rootReducer，我希望将user reducer的isConnected状态值发送到一个名为"Accueil“的组件。= (state) => ({});
export default connect(mapStateTo
浏览 28提问于2020-07-19得票数 0
回答已采纳
此状态仅在组件实例中使用，并且不在其他任何东西之间共享--因此，感觉在组件中作为本地状态是合适的，而不是存储在redux存储中。在React components mapStateToProps函数中，我希望从处于redux状态的查询结果集合中检索查询结果。我知道我可以将本地状态存储在redux中(因此它在mapStateToProps中可用)，但它似乎没
浏览 6提问于2019-06-21得票数 2
回答已采纳
我在使用connect()时遇到了一点小问题。我原以为在Provider中包装所有组件会起作用，但事实证明并非如此……所以我发现我需要使用react-redux中的connect()。正在展示一些例子，但是，我没有任何动作创建器放在连接中，因为我不使用它们......有人能给我一些建议吗？我只想访问我的存储中的组件...
浏览 2提问于2016-12-07得票数 5
有人知道在使用react-redux中的connect函数时，如何用React.memo包装React组件吗？ <button onClick={props.click}>{props.value}</button> mapStateToProps,)(Button);
浏览 295提问于2018-10-26得票数 32
回答已采纳
我试图从子组件访问store，但它总是未定义，因此我必须将属性传递给子组件。这是应用程序的主要起点： ReactDOM.render( <SignUpContainer /> container); 其中，SignUpContainer是： const SignUpContainer = connect( mapDispatchToProps
)(S
浏览 31提问于2019-12-10得票数 4
我尝试将信息从Redux存储传递到几个表组件中，如下所示： <Table timelogData={store.getState()} /> 当我尝试在表组件中直接console.log此数据时，组件将呈现并且但是，如果我尝试深入到树的内部，例如 console.log(this.props.timelogData.userProfile) 我收到"TypeError: Cannot read property它可以通过控制台访问它，但React不喜欢它。 我如何正确地将Redux<
浏览 11提问于2019-02-03得票数 1
回答已采纳
1回答
我想在我的预订应用程序(React)中使用分页，在那里用户可以选择使用分页来构建楼层。我正在使用firestoreConnect从firestore获取数据。该查询如下所示 export default compose( firestoreConnect
浏览 17提问于2021-06-28得票数 0
2回答
我在reducer中获取新数据，并通过props访问组件中的状态，但在reducer中更新状态时，props不会更新。我需要以某种方式检查道具何时更新，componentDidMount 我尝试过通过this.props.list访问组件中的状态。在reducer中，当通过websocket将新项目添加到列表时更新状态 // Reducerreturn {}
浏览 38提问于2019-01-03得票数 1
在componentDidMount()中调用函数getMemberList() class Members extends Component{ return state; return state;} 然而，我的理解是JSX中的成员列表不会更新。 是不是误解了我？ 请帮帮忙，给我提个建议。
浏览 14提问于2019-12-25得票数 0
回答已采纳
1回答
我有一个带有prop的react组件，这个prop是通过redux connect方法传递的。有一个专门链接到该属性的useEffect，它应该在该属性发生变化时执行异步调用。问题是，每当我在该应用程序的其他任何地方更改redux状态时，useEffect都会触发，尽管我将useEffect附加到了不更改的属性。react-redux conne
浏览 0提问于2020-06-06得票数 0
2回答
订阅状态- Redux
、、、、
我试图显示一些总是被更新的数据，但是当我添加一些要存储的新数据时，屏幕上看不到新的数据，因为我不知道订阅存储方法。但是我不知道在哪里使用它，也不知道如何使用它。我找不到适合我的项目的例子。第一种使用的可能性，就像我在上面搜索一样，(像mapStateToProps一样使用它)； return {dashboardsList: PropTypes.array,
template
浏览 2提问于2017-06-14得票数 0
回答已采纳
5回答
首先，我在stackoverflow上看到了很多类似于我的问题，但我想我遗漏了一些东西，这就是我问这个问题的原因。我在我的应用程序中有一个Maincomponent，它使用动作addDatas将数据添加到我的商店中。这个部分起作用了，我可以通过this.props在上下文和MainComponent的子目录中访问我的存储。但是当我访问OtherComponent (这是一个基本组件，我只想在其中显示在MainComp
浏览 73提问于2017-12-27得票数 2
回答已采纳
我试图呈现从nodejs开始的数据，我使用redux进行状态管理。问题是，当我试图映射数据时，它会给我错误的解释。未定义的TypeError:无法读取未定义的属性“映射”
import {connect} from 'react
浏览 0提问于2019-08-08得票数 0
回答已采纳
2回答
我的代码有问题，但我似乎找不出出了什么问题。
import './App.css';
import { createStore, applyMiddlewar
浏览 5提问于2020-02-07得票数 0
回答已采纳
我在编辑表单中获取记录的“更新”值时遇到了很大的麻烦。我总是得到初始记录值，即使我有一个链接到正确记录源的输入，这应该会更新它。<Edit {...props}> <MyEditForm {...props} /></Edit>
MyEd
浏览 11提问于2018-07-30得票数 14
回答已采纳
3回答
我只想同步存储状态和组件的状态。SignleCartItem -有一个组件CartItems，它通过使用map函数将道具传递给SingleCartItem组件来显示SingleCartItem。每当用户更新数量时，SignleCartItem就会分发一个操作并存储，保存添加到购物车中的总项目及其价格。现在的问题是，显示购物车项的SubTotal和道达尔的组件不能将存储状态与其状态(显示总计)同步。
一个组件更新存储状态，另一个组件在运行时没有<
浏览 9提问于2016-10-17得票数 1
回答已采纳
我在react js视图recordings.js中编写了以下函数 fetchRecordingJson(file_name)
} 我想要将使用function fetchrecordingJson(file_name)的数据移动到另一个页面记录分析查询是:如何在录制分析页面看到来自function fetchrecor
浏览 6提问于2021-01-06得票数 0
我正在尝试使用redux-form。我正在遵循官方文档中的示例。import React, { Component } from 'react';import { connect }from 'react-redux';
// ...
浏览 2提问于2017-12-13得票数 0
1回答
我在React.js中使用mapStateToProps将redux存储中的对象数组映射到React组件属性。然后，我使用componentWillReceiveProps(nextProps)侦听更改并更新画布中的一些图形。我想要找到在数组中发生变化的对象。这个对象相当大，而且是嵌套的。在redux chrome扩展中，您可以看到每个操作后的“
浏览 13提问于2017-08-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
