详解react-redux插件入门
导读:本文共2739.5字符,通常情况下阅读需要9分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 可先查看我的redux简单入门react-redux简介react-redux是使用redux开发react时使用的一个插件,另外插一句,redux不是react的产品,vue和angular中也可以使用redux;下面简单讲解,如何使用react-redux来开发react。描述这个插件可以让我们的redux代码更加的简洁和美观。我假设你已经有一个... ...
目录
(为您整理了一些要点),点击可以直达。可先查看我的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插件入门的详细内容,希望对您有所帮助,信息来源于网络。