react-redux

[KamilEmeleev]

https://github.com/AlexE1986/Learn/blob/b4739fe2915c53e49816804bc24d99bc15fe195e/src/components/FilterBar.js#L27

Лично я уже не пользуюсь connect'ом. Преимущества использования либы react-redux - юзать хуки useDispatch, useSelector. Это избавляет нас от connect hell.

Пример:

import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { incrementCount } from './store/counter/actions';

export const AwesomeReduxComponent = () => {
    const count = useSelector(state => state.counter.count);
    const dispatch = useDispatch();

    return (
        <div>
            <p>Count: {count}</p>
            <button onClick={() => dispatch(incrementCount())}>Add +1</button>
        </div>
    );
};

[AlexE1986]

Спасибо, Подправил - теперь код намного короче и чище. В обучающем видео не было ни слова про данную возможность, видно старое...