首先安装 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 举报,一经查实,本站将立刻删除。