javascript - 使用 Redux react native : state changes not showing in console

Question

当我将 console.log('test') 语句放入我的 reducer 中时，我可以在调用操作时在控制台中看到它们。但是我在控制台中没有看到 redux“NEXT STATE”/“PREV STATE”。

有什么我可能会遗漏的基本知识吗？

在下面的代码中——我并没有尝试实现任何真正的功能，我只是尝试设置 redux 并在控制台中查看状态变化(所以我知道我在正确的路径上).

---

容器

import React, { PropTypes } from 'react-native';
import Header from './Header';
import { connect } from 'react-redux';
import { leave } from './actions';
import { join } from './actions';

const mapStateToProps = (state) => {
  return {
    in: state.in
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    join: (id) => {
      dispatch(join(id))
    },
    leave: (id) => {
      dispatch(leave(id))
    }
  }
}

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

reducer

export default function Header(state = { in: false }, action = {}) {
  switch (action.type) {
    case 'LEAVE':
      return {
        ...state,
        in: false
      }
    case 'JOIN':
      console.log(state);
      console.log(action);
      console.log('join');
      return {
        ...state,
        in: true
      }
    default:
      return state;
  }
}

Action

export const join = (id) => {
  return {
    type: 'JOIN',
    payload: {
      in: true
    }
  }
}

export const leave = (id) => {
  return {
    type: 'LEAVE',
    payload: {
      in: false
    }
  }
}

Answer 1

当我意识到 https://github.com/fcomb/redux-logger 时它就解决了需要单独安装。