如何在 React 功能组件中使用 Props 将 Redux 对象添加为参数答案

【问题标题】：How to Add Redux object as a Parameter with Props in React Functional Component如何在 React 功能组件中使用 Props 将 Redux 对象添加为参数
【发布时间】：2020-08-24 14:03:59
【问题描述】：

我在 reduxReducer 中有一个对象“用户”，我想在功能组件中使用它。

我通过使用 mapStateToProps 来使用这个对象，如下所示：

const mapStateToProps = (state) => ({

   login: state.login,

});

Folwing 是我想在其中使用此对象的组件。

const ProfilesAdministration = (props, { login: { user }}) => {

   // Code Here

}

const mapStateToProps = (state) => ({

   login: state.login,

});

export default connect(mapStateToProps , null)( ProfilesAdministration );

请帮忙..谢谢

【问题讨论】：

标签： javascript reactjs redux react-functional-component

【解决方案1】：

您应该从道具访问它。 Redux 连接参数mapStateToProps 会将选择器的结果添加到组件道具中：

const ProfilesAdministration = (props) => {
   // or const user = props.login.user
   const { user } = props.login
   // Code Here

}

Connect 让您的组件就像拥有来自 redux 商店的额外道具。

【讨论】：