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

Question

我在 reduxReducer 中有一个对象 "user"，我想在功能组件中使用它。

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

const mapStateToProps = (state) => ({

   login: state.login,

});

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

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

   // Code Here

}

const mapStateToProps = (state) => ({

   login: state.login,

});

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

请帮忙..谢谢

Answer 1

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

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

}

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

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

How to Add Redux object as a Parameter with Props in React Functional Component

javascript

reactjs

redux

react-functional-component