Классы утилит в реагировать, использующие React-redux - PullRequest
Новая
       14

Классы утилит в реагировать, использующие React-redux

0 голосов
/ 07 января 2019

Я учусь реагировать и застревать в определенной точке. Я хочу иметь утилиту JS класса, которая может быть импортирована в большинство компонентов. Этот служебный класс должен прочитать данные из хранилища и затем предоставить необходимую информацию из хранилища. 

import { connect } from 'react-redux';
class Test{
    constructor(){

    }

    getData(){
        // HOW TO GET THE DATA **HERE** ?
    }

}

function mapStateToProps(state){
    return { data: state.data};
}

export default connect(mapStateToProps)(Test);

Можно ли использовать Test как ReactComponent с render (), возвращающим нуль и использующим его в качестве служебной функции в других компонентах?

1 Ответ

0 голосов
/ 07 января 2019

Вы добавляете дополнительную сложность к своему коду, используя этот класс.
импортируйте connect в любой нужный вам компонент и добавьте: 

function mapStateToProps(state){
    return { data: state.data};
}

export default connect(mapStateToProps)(Test);

вы можете получить доступ к состоянию, используя props в этом компоненте. Также вы можете использовать селекторы для вашего объекта состояния и использовать эти селекторы в вашем компоненте. Вы можете использовать этот шаблон: Шаблон Redux Selector

...