redux-dev-tools显示正常，但是打印userInfo是空对象

Question

Answer 1

双越 2017-06-18 10:36:26

你是怎么打印的，把关键代码贴出来看看

• 提问者 PARADISELIN #1

  ```
  class City extends Component {
    // static propTypes = {
    //
    // }
    componentDidMount() {
      console.log(this.props.userInfo) // 这个显示空对象
      console.log(this.props.userInfoActions) // 这个显示正常
    }
    render() {
      return(
        <div>
          <Header />
        </div>
      )
    }
  }
  
  function mapStateToProps(state) {
    return {
      userInfo: state.userInfo
    }
  }
  
  function mapDispatchToProps(dispatch) {
    return {
      userInfoActions: bindActionCreators(userInfoActionsFromOtherFile,dispatch)
    }
  }
  
  export default connect(mapStateToProps, mapDispa
  ```

• 提问者 PARADISELIN #2

  回复不支持markdown 老师看回答区

• 提问者 PARADISELIN #3

  刚刚又试了一下，发现从Home页面点击城市进入可以就打印出来，然后刷新一下打印出来就是空对象，在其他组件里面也试了一下，也是打印空对象

点开查看后面2条评论

Answer 2

提问者 PARADISELIN 2017-06-18 10:38:59

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

class City extends Component {   // static propTypes = {   //   // }   componentDidMount() {     console.log(this.props.userInfo) // 这个显示空对象     console.log(this.props.userInfoActions) // 这个显示正常   }   render() {     return(       <div>         <Header />       </div>     )   } }   function mapStateToProps(state) {   return {     userInfo: state.userInfo   } }   function mapDispatchToProps(dispatch) {   return {     userInfoActions: bindActionCreators(userInfoActionsFromOtherFile,dispatch)   } }   export default connect(mapStateToProps, mapDispa

• 双越 #1

  写法上没有任何问题，怀疑是操作把 UserInfo 更新为空对象了，你再确认一下。如果找不到问题，建议跟着我第一次讲解 redux和react结合的视频做一遍，把其中的各个步骤都搞明白，知道cityName是如何设置上并获取到的。