Почему не изменяется state приложения?

Question

[Hahahahh]

Почему-то не меняется state приложения(а скорее всего action почему-то не доходит до reducer'a). В action объект user содержит нужную информацию

action

import { USER_LOGGED_IN } from "../types/types.js"
import api from '../api/api.js'

export const userLoggedIn = user => ({
  type: USER_LOGGED_IN,
  user
});

export const login = credentials => dispatch =>
  api.user.login(credentials).then(user => dispatch(userLoggedIn(user)));

Ну и сам Reducer

import USER_LOGGED_IN from '../types/types.js'

export default function user(state = {}, action = {}) {
  switch (action.type) {
    case USER_LOGGED_IN:
      return action.user;
    default:
      return state;
  }
}

Comments

[Mikhail Osher]

Покажите код компонента

[Hahahahh]

какого именно?

[Hahahahh]

Mikhail Osher, У меня же после того как данные попали в редьюсер должен измениться state, а в redux devtools срабатывает только action и показываются данные которые в нем висят. Просто я пытаюсь в дальнейшим в некоторых компонентах взять state из стора, но возвращает он пустой объект

[Mikhail Osher]

Hahahahh, которые использует эти экшны. Если devtools показывает, что всё же экшн прошел - тогда удостоверьтесь, что не забыли подключить этот редьюсер. (вероятно, у вас несколько редьюсеров объединяются в combineReducers, и этот вы забыли указать)

[Mikhail Osher]

И советую посмотреть на https://github.com/acdlite/redux-actions. Очень удобная штука.

[Hahahahh]

Mikhail Osher, Так, вот я подключаю rootReducer в store

import rootReducer from './rootReducer'

const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)))

class App extends React.Component {
    render() {
        return  <div>
                  <Menu />
                  <Main />
                </div>
    }
}

render(
  <Provider store = {store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>,
  window.document.getElementById('root'));

Сам rootReducer

import { combineReducers } from 'redux'

import user from './reducers/user.js'

export default combineReducers({
  user
});

ну и user reducer

import USER_LOGGED_IN from '../types/types.js'

export default function user(state = {}, action = {}) {
  switch (action.type) {
    case USER_LOGGED_IN:
      return action.user;
    default:
      return state;
  }
}

И да, единственное место где используется userLoggedIn action прикреплено в посте, больше нигде в приложении его нет.

[Hahahahh]

Mikhail Osher, И еще, если в я user reducer вставляю initial state, то это состояние показывается нормально, но потом опять же, экшн состояние не меняет, так и остается висеть состояние из Initialstate

[Mikhail Osher]

Hahahahh, выглядит вроде нормально всё.
Вы говорите, что экшн обрабатывается редьюсером. Что бы я сделал: проверил, что лежит в объекте action.
Удостоверился в корректности mapStateToProps/mapDispatchToProps. Можете их показать?

[Hahahahh]

Mikhail Osher, я вставлял console.log в этот action и все отображалось корректно.
Ну и вот собственно я пытался получить этот state.

function mapStateToProps(state){
  return {
    user: state.user
  }
}

export default connect(mapStateToProps)(Musicform)

Но ведь даже без mapstatetoprops В devtools Должно отображаться изменение состояния приложения.
Со скринами думаю будет чуть понятнее. То есть экшн с объектом внутри отображается, а стэйт не меняется вообще

[Hahahahh]

Mikhail Osher, Все, проблема решилась, в редьюсере неправильно импортировал тип, а точнее забыл поставить фигурные скобки...
Спасибо большое за то что помогали, Михаил)

[Mikhail Osher]

Hahahahh, всего доброго)