微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

连接 React component 和 Redux store

首先安装 react-redux,命令如下:

yarn add react-redux

连接 List 组件和 Redux store 的 sample code 如下:

import React from "react";
import { connect } from "react-redux";

const List = (props) => (
  <div>
    <h1>My List</h1>
    {props.location.city}
  </div>
);
const ConnectedList = connect((state) => {
  return {   // return things from state
    // the info only needed by List, no need to be 
    // everything from state!
    location: state.location   
  };
})(List);  // List: a react component to be connected to

export default ConnectedList;

connect()()形式比较特殊,返回一个 object,此 object 将以 props 传给组件 List。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐