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

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是如何设置上并获取到的。