React Native+Redux: не работает connect

329
14 июня 2017, 04:09

Пытаюсь разобраться с React Native + Redux по статьям Дэна Абрамова, но не работает связка. Устанавливал приложение таким образом:

react-native init test0003
cd test0003
npm install --save redux react-redux

А вот мой код:

import React, { Component } from 'react';
import {
  AppRegistry,
  Text,
  View
} from 'react-native';
import { createStore } from 'redux';
import { connect, Provider } from 'react-redux';
function reducer(state, action) {
  if( state === undefined )
    return {
      age: 31
    };
  return state;
}
var store = createStore(reducer);
class test0003 extends Component {
  render() {
    return (
      <Provider store={store}>
      <View>
        <Text>Store: { JSON.stringify(store.getState()) }</Text>
        <Text>Props: { JSON.stringify(this.props) }</Text>
      </View>
      </Provider>
    );
  }
}
function mapStateToProps(state) {
  return {
    age: state.age
  }
}
export default connect(mapStateToProps)(test0003);
AppRegistry.registerComponent('test0003', () => test0003);

На экране вижу:

Store: {"age":31}
Props: {"rootTag":1}

Т.е. как я понимаю connect не пробрасывает значение age в props компонента. Подскажите новичку как правильно готовить Redux? ЧЯДНТ?

READ ALSO
Куда сохранить обьект в nodejs express

Куда сохранить обьект в nodejs express

Мне нужно сохранить обьект между разными запросамиНа пример в одном запросе по адресу / я создаю, а потом по адресу /edit я получаю его и что...

340
Restangular, не приходят данные

Restangular, не приходят данные

Пытаюсь подгрузить данные при помощи Restangular, в итоге массив в который я сохраняю полученные данные, пустой

278
Создания одиночного тега JQ

Создания одиночного тега JQ

Нужно создать одиночный тег stop через JQА потом вставить его в linearGradient

358