显示城市的时候userinfo获取不到

Question

在home header里显示不出城市名，控制台报错如下：Uncaught TypeError: Cannot read property 'cityName' of undefined，我用redux调试工具显示如下：，应该是userinfo没有被赋值，可是我的代码和老师的一样，为什么一直城市出不来？另外我想问老师，userinfo是在哪里存入store里的？

Answer 1

qq_昊辰_03539545 2017-07-02 17:30:18

建议你去查reducer里面的东西

Answer 2

慕运维5828042 2017-07-01 21:19:16

看下constants中的userinfo.js和图中是否一样。。我自己遇到这个问题，发现是这个文件和老师的不一样。。

Answer 3

PARADISELIN 2017-06-18 11:33:20

我的情况也是，兄弟你的问题解决了吗

• 提问者 Jane_meng #1

  没有，这个问题问了两次，都没有得到明确的回答，我就搁置了，继续写首页后面的东西了，不过现在到首页最后一部分的猜你喜欢还要获得城市，还得把这一点看看

Answer 4

双越 2017-06-09 09:50:13

Cannot read property 'cityName' of undefined

你确定代码写的没问题，提示你 cityName 是从一个 undefined 变量获取的，所以报错。如果找不到，吧获取 cityName 的代码粘贴出来，我给你看看

• 提问者 Jane_meng #1

  container文件夹下的index.jsx代码如下
     componentDidMount() {
          // 获取位置信息
          let cityName = LocalStore.getItem(CITYNAME)
          if (cityName == null) {
              cityName = '北京'
          }
          this.props.userInfoActions.userUpdate({
              cityName: cityName
          })
      }
  Home下的index.jsx代码如下：
  class Home extends React.Component {		
      render() {
          return (
              <div>
              	<HomeHeader cityName={this.props.userInfo.cityName}/>
              </div>
          )
      }
  }
  function mapStateToProps(state){
  	return {
  		userInfo:state.userInfo
  	}
  }
  function mapDispatchToProp(dispatch){
  	return {}
  }
  export default connect(mapStateToProps,mapDispatchToProp)(Home)
  
  在homeheader文件夹下的index.jsx代码如下：
  render(){
  		return (
  			<div id="home-header" className="clear-fix">
  					<span>{this.props.cityName}</span>
  			</div>
  		)
  	}

• 提问者 Jane_meng #2

  我去  格式都乱了……

• 龙_大人 回复 提问者 Jane_meng #3

  你可以在提问里重新编辑，增加内容；然后回复老师告知他即可～

点开查看后面1条评论