有ID的mapStateToProps？
有ID的mapStateToProps是指在React Redux中使用的一个函数，用于将Redux store中的state映射到组件的props上，并且可以根据组件的ID进行筛选。
在React Redux中，mapStateToProps函数是一个高阶函数，它接收两个参数：state和ownProps。state代表Redux store中的state，ownProps代表组件自身的props。该函数的作用是根据state中的数据，将需要的数据映射到组件的props上。
有ID的mapStateToProps是在mapStateToProps函数中添加了一个参数，用于根据组件的ID进行筛选。通过这个ID，可以在state中找到对应的数据，并将其映射到组件的props上。
使用有ID的mapStateToProps可以实现以下功能：
- 根据组件的ID筛选需要的数据：可以根据组件的ID从state中筛选出对应的数据，避免将所有数据都映射到组件的props上，提高性能和效率。
- 精确控制组件的数据更新：当state中与组件相关的数据发生变化时，只会更新与该组件相关的props，而不会触发其他组件的更新。
推荐的腾讯云相关产品：
腾讯云提供了一系列的云计算产品，以下是一些与React Redux开发相关的产品：
- 云服务器（CVM）：提供了可扩展的虚拟服务器，用于部署和运行React Redux应用。 产品链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL（CDB）：提供了高性能、可扩展的MySQL数据库服务，用于存储应用的数据。 产品链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供了安全可靠的对象存储服务，用于存储应用中的静态资源文件。 产品链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅作为参考，具体选择还需根据实际需求和项目情况进行评估。
相关·内容
1回答
现在我有一个泛型函数，它可以获取所有的Element return { };我想把它改成类似于 return{
elements: getElementsByI
浏览 3提问于2017-06-24得票数 3
回答已采纳
: props.expense.id})); }}>Remove</button>};
const { id } = useParams(); expense: state.expenses.find((expense)=> expense.id
浏览 0提问于2022-09-01得票数 -1
3回答
，我试图在我的方法中获得mapStateToProps状态，如下所示： return{ comment: comments[ownProps.match.params.id]};
}现在，在我的呈现函数中，如果我试图以{this.props.comments}<em
浏览 0提问于2018-01-24得票数 1
回答已采纳
当mapStateToProps返回一个函数时，我试图理解它的机制。因此，除了Redux文档中的一段简短的摘录之外，我找不到太多的文档，它预先说明了通过返回一个函数，每个实例将得到自己的回忆录mapStateToProps和另一个用户，他们说这是一种优化，可以防止为任何父工具更改调用因此，让我困惑的是，mapStateToProps不会被调用到任何父支持项的更改中，这是否意味着要重新呈现单个列表“项”，它需要是一个智
浏览 0提问于2018-04-24得票数 8
2.组件我正在将状态映射到它的属性，但我仍然得到这个错误“mapStateToProps is not defined”这是下面的整个组件。错误显示为"mapStateToProps not defined“ import React, {Component} from 'react'; const posts = _.map(state.posts, (val, id) =>
浏览 33提问于2019-02-11得票数 1
回答已采纳
你好，我想把Id从match.params发送到我的函数mapStateToProp。我知道我的代码很糟糕，但我想展示我想要做的事情。祝你今天愉快。react-redux';
}
const mapStateToProps=state=>({data:state.forHim.eyeCreamFo
浏览 12提问于2020-05-21得票数 0
回答已采纳
3回答
有没有可能在返回对象的同时对其进行解构？例如，要更改此代码： const { id, name, price } = newItem;}const mapStateToProps = ({ newItem }) =>{
return { id, name, price
浏览 4提问于2017-01-23得票数 30
回答已采纳
3回答
通过路由来反应传递对象？
、、、、
：当我单击“到Details”按钮时，它将我发送到/projects:id，但我得到了一个错误，即project中的项是未定义的。<Route exact path="/projects" component={ProjectsList} /> <&
浏览 1提问于2018-12-17得票数 4
回答已采纳
2回答
我正在尝试使用简单的对象简化器来显示组件中的数据。但是，该对象的状态并没有上升到组件。代码结构如下所示。labels.js： return [ { id: 2, name() { return (
&l
浏览 5提问于2020-03-06得票数 0
回答已采纳
2回答
/reducers/duedates'
这是减速机：export default (getDueDate': default: }在entry point js中，我有以下内容
浏览 0提问于2016-02-21得票数 7
回答已采纳
在过去的几周里，我一直在努力学习React和Redux。现在我遇到了一个问题，我还没有找到正确的答案。现在在这个页面上，我想显示一个来自商店的具有此ID的对象。const initialState = [ title: 'Goal',
author: 'admi
浏览 0提问于2016-01-18得票数 16
回答已采纳
由于某些原因，当将mapDispatchToProps函数与connect ( resulting )结合使用时，我会收到一个TypeError，表明当我试图执行最终的支柱时，调度不是一个函数。但是，当我调用分派作为支柱时(请参阅提供的代码中的setAddr函数)，它可以工作。我很好奇为什么会这样，在redux中的TODO应用程序示例中，mapDispatchToProps方法是以同样的方式设置的。当我在函数中console.log(分派)时，它说分派是类型对象。我的守
浏览 0提问于2016-02-16得票数 161
回答已采纳
在我的mapStateToProps函数中，我将idToken和accessToken设置为存储在状态中的值。这是可行的，因为我已经能够从组件中引用这些值。在mapDispatchToProps中，我尝试在我的操作中使用这些道具作为参数。但是，ownProps是一个空对象。/components/AddQuestionButton'
auth = state.auth
浏览 5提问于2016-04-10得票数 19
回答已采纳
5回答
首先，我在stackoverflow上看到了很多类似于我的问题，但我想我遗漏了一些东西，这就是我问这个问题的原因。我在我的应用程序中有一个Maincomponent，它使用动作addDatas将数据添加到我的商店中。这个部分起作用了，我可以通过this.props在上下文和MainComponent的子目录中访问我的存储。但是当我访问OtherComponent (这是一个基本组件，我只想在其中显示在MainComponent中收集的所有数据)时，我的
浏览 73提问于2017-12-27得票数 2
回答已采纳
1回答
ownProps函数中的mapStateToProps正在消除所提到的错误。 const id = ownProps.match.params.id; const projectprojects[id] : null project: project
}
浏览 4提问于2021-03-27得票数 1
回答已采纳
3回答
我有一个包含一些数据的地图数组的状态。我需要从中选择一个对象。我可以使用 return { }然后选择需要在组件中放置逻辑的实体如下所示：但不知何故，我认为这样做是错误<
浏览 9提问于2017-03-02得票数 2
回答已采纳
我想知道如何从mapStateToProps或任何类似的选择器访问react-router match对象以获取其参数。我想从params中构建一些东西，并将其作为道具传递给选择器中的表示组件。我有一个接受built属性的组件，我希望向它传递一些从react路由器参数派生的值。我最好不要把params作为道具传下去。
浏览 11提问于2019-07-02得票数 0
我有一个应用程序，其中大部分数据都存储在商店中，但所选项目是通过使用React.Context来提供的。React-Redux提供了connect应用程序接口，该api接受以state和props为组件的mapStateToProps函数。因此，我尝试使用旧的API上下文： function mapStateToProps(state, props){ item: state.items[props.id]，该组件将消费者放在内部而不是外部
浏览 31提问于2021-09-03得票数 1
我无法发送它..获取以下错误“AnswerButton.jsx:14未捕获的TypeError: this.props.changeAnswer不是函数” </div>}
changeAnswer: (id, answer) => dispatch(changeAnswer(id, answer)),
})
浏览 17提问于2017-08-19得票数 0
1回答
27 | function mapStateToProps({contacts}, ownProps) { | ^我有一个包含所有联系人的页面，当我单击联系人名称时，我想显示一个包含详细信息的页面。后端应该正常工作，因为它返回了正确的用户(我用Postman测试了它)。<
浏览 1提问于2017-09-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
