Как правильно вызвать action в redux?

Пользователь

от nicola , в категории: JavaScript , 6 месяцев назад

Как правильно вызвать action в redux?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от clement.erdman , 6 месяцев назад

@nicola 

Для вызова action в redux нужно использовать функцию dispatch из стора redux. Вот пример правильного вызова action:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
import { useDispatch } from 'react-redux';
import { myActionCreator } from './actions';

function MyComponent() {
  const dispatch = useDispatch();

  const handleClick = () => {
    dispatch(myActionCreator());
  };

  return (
    Dispatch Action
  );
}


В этом примере мы импортировали функцию useDispatch из пакета react-redux и функцию myActionCreator из файла с action creators. Затем мы создали функцию handleClick, которая вызывает dispatch и передает в него результат вызова action creator. В данном случае пример является функциональным компонентом, но используя useDispatch также можно вызвать action внутри классовых компонентов.