react redux是什么?

React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据。

react redux是什么?

安装

在你的React app中使用React-Redux:

npm install --save react-redux

登录后复制

或者

yarn add react-redux

登录后复制

简言之,react-redux是一个轻量级的封装库,核心方法只有两个:Provider和connect。

React-Redux 提供组件,能够使你的整个app访问到Redux store中的数据:

import React from "react";import ReactDOM from "react-dom";import { Provider } from "react-redux";import store from "./store";import App from "./App";const rootElement = document.getElementById("root");ReactDOM.render(        ,  rootElement);

登录后复制

React-Redux提供一个connect方法能够让你把组件和store连接起来。

通常你可以以下面这种方式调用connect方法:

import { connect } from "react-redux";import { increment, decrement, reset } from "./actionCreators";// const Counter = ...const mapStateToProps = (state /*, ownProps*/) => {  return {    counter: state.counter  };};const mapDispatchToProps = { increment, decrement, reset };export default connect(  mapStateToProps,  mapDispatchToProps)(Counter);

登录后复制

相关推荐:《javascript教程》

以上就是react redux是什么?的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2731098.html

(0)
上一篇 2025年3月8日 00:25:14
下一篇 2025年3月7日 08:16:15

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论