Не удается получить значение из глобального состояния (Redux)

Question

У меня проблемы с созданием этого общего компонента в моем проекте. Это упрощенная версия его кода:

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

function mapStateToProps(state) {
  return {
    platform: state.device.get('platform') //defines if iOS or Android
  };
}

export function SharedView({ theme, ...props }) {
  return <View {...props}>{theme}</View>;
}

export default SharedView(
  connect(mapStateToProps, null)
);

Как я пытаюсь добавить console.log или же alert внутри моего mapStateToProps Я ничего не получаю, и, кажется, я не могу видеть это из моего SharedView, Я знаю, что мог бы переписать это в класс SharedView extends Component { ..., но по определенным причинам мне нужно сохранить формат.

Любые идеи, как получить значение этого глобального состояния?

Answer 1

connect является функцией более высокого порядка - предполагается, что ваш компонент обернут в нее, а не наоборот.

export default connect(mapStateToProps)(SharedView);