详解react-redux插件入门(react,redux,插件,web开发)

时间:2024-05-03 05:32:26 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    %E8%AF%A6%E8%A7%A3react-redux%E6%8F%92%E4%BB%B6%E5%85%A5%E9%97%A8

可先查看我的redux简单入门

react-redux是使用redux开发react时使用的一个插件,另外插一句,redux不是react的产品,vue和angular中也可以使用redux;下面简单讲解,如何使用react-redux来开发react。

注意:如果是刚使用create-react-app创建的,需要运行 npm run eject弹出个性化设置,这样就可以自定义配置了。

react-redux提供了两个重要的接口:Provider、connect,使用了这个插件,react-redux的subscribe和dispatch就可以忘记来,它们就用不着了。

Provider中应用的最外层,把store传给它,只使用这一次。

connect负责从外部获取组件需要的参数。通过connect定义后,放到props中的属性和方法就可以直接通过this.props来获取。

首先需要安装babel-plugin-transform-decorators-legacy,并在package.json中配置。

npm i babel-plugin-transform-decorators-legacy --save-dev 这个只是开发使用,所以安装到--save-dev

配置babel的plugins属性

点击Visual Studio Code左下角的配置按钮(或者文件>首选项>配置,Windows环境),打开用户设置窗口,在搜索框内输入“experimentalDecorators”,发现竟然能够找到选项,如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

本文:详解react-redux插件入门的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:vuex state及mapState的基础用法详解下一篇:

13 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18