如何在 React 功能组件中添加 Redux function 作为带有 Props 的参数

Question

我在profilesActions中有一个function“insertProfile”，我想在功能组件中使用它。

我正在导入这个 function 如下：

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

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

const ProfilesAdministration = (props,insertProfile) => {

// Code Here

}

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

我尝试了以下技术，但没有一个对我有用：

({props,insertProfile})

(props,{insertProfile})

({props},{insertProfile})

({insertProfile},props)

请帮助..谢谢

Answer 1

我认为这是一个动作，所以你还需要调度它。 您可以将此 function 用作 mapDispatchToProps。

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

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

现在， insertProfile在组件的 props 中可用。 所有你需要调用它。 它将为您调度操作。

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

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

希望对你有帮助。