Реагировать | Компонент не показывает обновленное состояние

Я пытаюсь обновить состояние компонента реакции на основе свойств.

У меня есть этот файл, который является основным дочерним компонентом экрана:

RoomsList.js

import React from 'react';
import { View, ActivityIndicator, StyleSheet } from 'react-native';
import {connect} from "react-redux";

import {getRooms} from "../../store/actions";
import RoomIcon from "../RoomIcon/RoomIcon";

class RoomList extends React.Component {
    componentDidMount() {
        this.props.onGetRooms();
    }

    renderRooms() {
        return this.props.rooms.map(room => {
            return (
                <RoomIcon key = {room.id} room = {room} />
            )
        });
    }

    render() {
        return (
            <View style = {styles.container}>
                { this.props.rooms.length ? this.renderRooms() : <ActivityIndicator /> }
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        width: '100%',
        justifyContent: 'space-between',
        flexWrap: 'wrap',
    }
});

const mapStateToProps = state => {
    return {
        rooms: state.rooms.rooms
    }
};

const mapDispatchToProps = dispatch => {
    return {
        onGetRooms: () => dispatch(getRooms())
    }
};

export default connect(mapStateToProps, mapDispatchToProps)(RoomList);

Редуктор комнат

import { SET_ROOMS } from '../actions/actionTypes';

const initialState = {
    rooms: []
};

const roomsReducer = (state = initialState, action) => {
    switch (action.type) {
        case SET_ROOMS:
            return {
                ...state,
                rooms: action.rooms
            };
        default:
            return state;
    }
};

export default roomsReducer;

Когда состояние обновляется в функции mapStateToProps, я могу подтвердить, что это происходит, поскольку я помещаю туда журнал консоли, чтобы получить комнаты, и объект является обновленным объектом.

Однако похоже, что рендеринг на самом деле не обновляется, хотя состояние обновляется. Я попытался сделать componentWillReceiveProps и назначить состояние, но на самом деле состояние здесь никогда не обновляется.

Действие комнат

import {SET_ROOMS} from './actionTypes';
import store from "../index";

export const getRooms = () => {
    return dispatch => {
        fetch("http://localhost/rooms").catch(err => {
            console.info(err)
        }).then(res => {
            res.json();
        }).then(parsedRes => {
            dispatch(setRooms(parsedRes));
        })
    }
};

export const addRoom = (roomName, roomDescription) => {
    const rooms = store.getState().rooms.rooms;

    const room = {
        room_name: roomName,
        room_description: roomDescription
    };

    return dispatch => {
        fetch("http://localhost/rooms", {
            method: 'POST',
            headers: {
               'Content-Type': 'application/json',
            },
            body: JSON.stringify(room)
        }).catch(err => {
            console.info(err)
        }).then(res => res.json())
        .then(parsedRes => {
            rooms.push(parsedRes);

            dispatch(setRooms(rooms));
        })
    }
};

export const setRooms = rooms => {
    return {
        type: SET_ROOMS,
        rooms: rooms
    }
};

Инициализация Redux Store

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import reducers from './reducers';

const composeEnhancers = compose;

const store = createStore(reducers, composeEnhancers(applyMiddleware(thunk)));

export default store;

Инициализация редукторов

import {combineReducers} from "redux";
import lightsReducer from "./lights";
import roomsReducer from "./rooms";
import modalsReducer from "./modals";

export default combineReducers({
    lights: lightsReducer,
    rooms: roomsReducer,
    modals: modalsReducer
});