如何在 React 函数式组件中使用 Props 添加 Redux 函数作为参数

Question

我在 profilesActions 中有一个函数 "insertProfile"，我想在功能组件中使用它。

我正在导入这个函数如下：

import { insertProfile } from "../../../actions/profilesActions";

Follwing 是我想在其中使用此功能的组件。

const ProfilesAdministration = (props,insertProfile) => {

// Code Here

}

export default connect(null, { insertProfile })( ProfilesAdministration );

我尝试了以下技巧，但 none 对我有用：

({props,insertProfile})

(props,{insertProfile})

({props},{insertProfile})

({insertProfile},props)

请帮忙..谢谢

Answer 1

我认为这是一个动作，所以你也需要派发它。您可以将此函数用作 mapDispatchToProps。

const mapDispatchToProps = {
 insertProfile: (payload) => dispatch(insertProfile(payload)) 
}

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

现在，insertProfile 在您的组件的道具中可用。所有你需要调用它。它将为您发送操作。

你可以这样使用它：props.insertProfile().

您可以在这里查看更多信息：https://react-redux.js.org/7.1/api/connect#dispatch

希望对您有所帮助。

如何在 React 函数式组件中使用 Props 添加 Redux 函数作为参数

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

javascript

reactjs

redux

react-functional-component