userinfo 如何正确定义

Question

class Home extends React.Component {
  constructor(props, context) {
    super(props, context)
    this.shouldComponentUpdate = PubeRederMixin.shouldComponentUpdate.bind(this)
  }

  render() {
    return (
      <div>
        <HomeHeader cityName = {this.props.userinfo.cityName}/>
        <Category/>
        <div style = {{height: '15px'}}></div>
        <Ad/>
        <List cityName = {this.props.userinfo.cityName}/>
      </div>
    )
  }
}

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

  这个 userinfo 哪里来的， 我在此页面修改  userinfo 都多导致无法正确获取 cityName     

Answer 1

双越 2017-05-24 23:04:30

useinfo是存储到 redux 中的一组数据，redux 所有的数据可以使用22行的state获取，state.userinfo 就是获取了其中一个数据。userinfo如果得不到 cityName 说明 cityName 没有真正赋值进去，你可以通过教程中推荐的 chrome redux 插件来看看是不是真的有

• 提问者 创心 #1

  非常感谢！ 老师的回答。

Answer 2

提问者 创心 2017-05-25 07:59:02

  老师 ， 可能我描述错了，userinfo 有三处， 我都修改为userinfos   结果就报错了， 改回来就正常， userinfo 不是自己定义的吗 ？  我怎么修改就报错

• 双越 #1

  你需要看一下 userinfo 是如何写入的，例如看看选择城市之后，是如何存储到 userinfo 中的

• 提问者 创心 回复 双越 #2

  就是无法理解才问的，  或者换个问法， 要把 userinfo 改为 userinfos 都需要修改哪些地方？？  才能保证正常运行（功能不需要改变）。   这是我困惑的地方

• 双越 #3

  你定义的是用 userinfo 存储数据，当然不能用 userinfos 来取了，要统一嘛

点开查看后面1条评论