Не работает метод connect в Redux

125
14 февраля 2022, 10:50

Пишу тестовый проект на связке React-Redux и почти сразу возникла проблема: не работает метод connect:

import React,{Component} from "react"; 
import {connect} from 'react-redux'; 
import {Header} from "../components/Header"; 
import {Clock} from "../components/Clock"; 
 
export class FirstPage extends Component{ 
 
    render() { 
        const {header,style} = this.props; 
        return( 
            <div className="firstPage"> 
                <Header 
                    topic={header.topic} 
                    firstName={header.firstName} 
                    secondName={header.secondName} 
                    variant={header.variant} 
                    style={style}/> 
                <Clock width={500} height={500}/> 
            </div> 
        ) 
    } 
} 
 
const mapStateToProps = store => { 
    return { 
        header: store.header, 
        style: store.style, 
    } 
}; 
 
export default connect(mapStateToProps)(FirstPage)

В компоненте App, который используется при рендеринге все подключается нормально и можно спокойно доставать данные из хранилища, а в этом компоненте WebStorm пишет, что метод unused

Answer 1

вам необходимо убрать слово export в строке:

export class FirstPage extends Component{
READ ALSO
Помогите с рекурсией

Помогите с рекурсией

Задача - сделать функцию для поиска по объекту сложной вложенности, нужно найти значение ячейки с именем "treasure" вот пример проверки:

111
Анимация продавливания плитки в стиле Windows 8

Анимация продавливания плитки в стиле Windows 8

Подскажите пожалуйста, как реализовать подобную анимацию без сторонних библиотек или jQueryГифку изъял отсюда из следующего раздела:

92
vue событие клавиатуры

vue событие клавиатуры

Есть такой небольшой vue проект: codesandbox

132