Почему реактивный вид не обновляется после успешного запуска рендера?

Question

У меня есть компонент DeckListView, к которому я перехожу после обновления состояния с помощью redux. Когда я использую отладчик в Chrome, я вижу, что цикл this.props.Decks.map ((deck) успешно проходит со списком данных, но когда я вижу экран, я не вижу дополнительного текста. может происходить?

У меня есть следующие фрагменты кода ключа. Остальные можно найти на https://github.com/wcwcaseman/mobile-flashcards

1007 * Переходник *

case ADD_DECK :
  return {
    ...state,
    [action.deck.title]:action.deck,
  }

Навигация

homePage = () => {
    this.props.navigation.navigate('DeckListView');
}

Актуальная страница

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

class DeckListView extends Component {

render() {
    return (
    <View>
        <Text>Toast the world</Text>
    {this.props.Decks.map((deck) => {        
            <Text key={deck} >item</Text>
        })}
    </View> 
    );
  }
}

function mapStateToProps ({ decks }) {

let Decks = [];

if(decks !== {} && decks !== null)
{  
    Decks = Object.keys(decks);
}

return {
    Decks: Decks
}
  }

export default connect(mapStateToProps)(DeckListView)

Answer 1

Вам необходимо вернуться из функции карты

{this.props.Decks.map((deck) => {        
            return <Text key={deck} >item</Text>
        })}