Подключим redux и навигацию к нашему приложению
Для этого импортируй компонент src/components/Navigator
и Provider
из react-redux
.
Теперь после того, как в компоненте <App />
загрузятся шрифты - должен вернутся навигатор, обернутый провайдером.
Провайдеру нужно указать свойство store
, значение которого импортируй из src/external/redux/store.js
.
Теперь компонент Lists
нужно подключить к хранилищу. Для этого в файле src/containers/Lists.index
импортируй connect
из react-redux
.
У метода connect
должен быть только один аргумент - функцию mapStateToProps
.
mapStateToProps
должна возвращать объект с тремя полями lists
, wordsCount
, listsCount
.
В функцию, возвращаемую методом connect
передай компонент Lists
.
Поле lists
должно содержать себе поле LISTS
из состояния хранилища.
Поля wordsCount
, listsCount
- длина массивов WORDS
и LISTS
из состояния хранилища.
Текстовый элемент над текстом Lists
в компоненте Lists
должен отображать свойство listsCount
.
Текстовый элемент над текстом Words
в компоненте Lists
должен отображать свойство wordsCount
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.