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

Question

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

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

const mapStateToProps = (state) => ({

   login: state.login,

});

以下是我想在其中使用此 object 的组件。

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

   // Code Here

}

const mapStateToProps = (state) => ({

   login: state.login,

});

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

请帮助..谢谢

Answer 1

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

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

}

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