将多状态映射到组件

时间:2017-08-07 19:47:00

标签: reactjs react-native ecmascript-6

我试图将状态的两个部分映射到我的组件。下面的方法可以将多个状态映射到组件吗?它有效,但我不知道它是否让你的专家嘲笑我的代码!!我的意思是你还有另一种方式吗?

const mapStateToProps = state => {
  return  ( state.auth, state.sina );
};

这个也有效:

const mapStateToProps = state => {
  return  {...state.auth, ...state.sina};
};

1 个答案:

答案 0 :(得分:3)

mapStateToProps是常规的javascript函数。您可以使用您希望的任何属性返回对象文字,例如:

const mapStateToProps = state => {
  return  {
    auth: state.auth,
    sina: state.sina
  };
};

然后在组件内部访问它:

this.props.auth;
this.props.sina;