Использование Redux connect (mapStateToProps) с несколькими компонентами React - PullRequest
Новая
       9

Использование Redux connect (mapStateToProps) с несколькими компонентами React

0 голосов
/ 02 июня 2019

Я все еще очень плохо знаком с React и особенно с Redux (я впервые использую Redux).Мне удалось настроить Redux для React, и мне удалось успешно использовать глобальное состояние Redux в другие компоненты в другом файле.

Проблема в том, как использовать его для нескольких компонентов.Я использую безгосударственный функциональный компонент.Мне уже удалось использовать его для одного функционального компонента без сохранения состояния, но я не могу использовать экспортное подключение (mapStateToProps) для нескольких компонентов.

Example.js 

import React from 'react';
import { connect } from 'react-redux';

const mapStateToProps = (state) => ({
    globaldata: state.globaldata
})

const component1 = ({globaldata}) = > {
    return (
        <h1>This is {globaldata} in component 1</h1>
    )
}

const component2 = ({globaldata}) = > {
    return (
        <h1>This is {globaldata} in component 2</h1>
    )
}

export default connect(mapStateToProps)(component1);
export {component2};

ЕслиЯ использую его только на component1, он работает, я могу читать globaldata.Но как заставить это работать в component2?

Я тоже пробовал это, и это тоже не работает 

export default connect(mapStateToProps)(component1);
export connect(mapStateToProps)({component2});

Как правильно использовать глобальное состояние для нескольких компонентов в одном файле в React Redux Thunk?Заранее спасибо

1 Ответ

0 голосов
/ 02 июня 2019

Ваш синтаксис неверен.сохранить компонент2 в локальной переменной и затем экспортировать его. 

const component2View = ({globaldata}) => {
    return (
        <h1>This is {globaldata} in component 2</h1>
    )
}
const component2 = connect(mapStateToProps)(componentView);

export { component2 };
...