Как добавить функцию Redux в качестве параметра с помощью свойств в функциональном компоненте React

Question

У меня есть функция insertProfile в profilesActions, и я хочу использовать ее в функциональном компоненте.

Я импортирую эту функцию следующим образом:

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

Follwing - это компонент в котором я хотел использовать эту функцию.

const ProfilesAdministration = (props,insertProfile) => {

// Code Here

}

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

Я пробовал следующие методы, но ни один из них у меня не работает:

({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

Надеюсь, это тебе поможет.