前端
Visonws
这个作者很懒,什么都没留下…
展开
-
dva学习-入门安装和目录介绍
一、dva安装和介绍下面的npm其实可以用淘宝镜像cnpm安装更快,安装命令npm install -g cnpm --registry=https://registry.npm.taobao.org1.安装dva npm install dva-cli -g dva -v //查看dva-cli版本2.初始化一个dva项目 dva new dva-quickstart...原创 2018-08-12 13:11:08 · 3635 阅读 · 0 评论 -
dva学习---在model的effects做路由跳转
在前面的router中可以看到,路由在组件中的跳转有很多种方式,那么怎么在model中处理完数据后在实现跳转呢?方法如下:import {routerRedux} from 'dva/router'export default { namespace: 'example', state: {}, effects: { *fetch({ payload }, { call...原创 2018-08-25 15:41:40 · 3869 阅读 · 0 评论 -
dva学习---多个model的注册简写
在入口文件的index.js中,如下面的model中所示,如果有许多个,就会显得特别的臃肿,所以这里采用一个方法简写import dva from 'dva';import './index.css';// 1. Initializeconst app = dva();// 2. Plugins// app.use({});// 3. Modelapp.model(req...原创 2018-08-25 14:55:09 · 8687 阅读 · 8 评论 -
dva学习---effects异步中通过select获取当前的state
根据 在组件中dispatch一个action的例子中,如果要在effects中对于param数据和当前的state数据进行再出处理,这里怎么获取state呢?采用select,如下: export default { namespace: 'example', state: {num:1}, //表示当前的example中的state状态,这里可以给初...原创 2018-08-25 14:27:52 · 29891 阅读 · 3 评论 -
dva学习--在组件中dispatch一个action
model的数据:export default { namespace: 'example', //表示对于整个应用不同的命名空间,以便通过this.props.example访问,和当前model文件名相同就好之前的reducer名字相同,是全局state的属性,只能为字符串,不支持.的方式建立多重 state: {num:1}, //表示当前的example中的...原创 2018-08-25 14:10:20 · 19056 阅读 · 5 评论 -
dva学习--connect数据(model和router)
Connect 传递model中的数据给组件router 前面的model的demo中定义的example.js中定义了state数据,那么在route的路由组件中怎么获取到这个数据呢?通过connect可以传递过来,然后通过this.props就可以访问了,同样也会把dispatch(可以发送请求到model去),history方法传递过来,这样就可以通过组件获取到model保存的...原创 2018-08-25 13:30:51 · 27385 阅读 · 1 评论 -
dva学习-model的数据管理
例如默认的代码如下: model文件夹中的文件内容介绍export default { namespace: 'example', //表示对于整个应用不同的命名空间,以便通过this.props.example访问,和当前model文件名相同就好之前的reducer名字相同,是全局state的属性,只能为字符串,不支持.的方式建立多重 state: {initText...原创 2018-08-25 13:08:20 · 8448 阅读 · 2 评论 -
dva学习-定义UI组件
定义组件有三种方式: 这个一般是放在component文件中,这个组件一般在routes文件的路由组件调用这些组件,通过标签的形式,如下第二中方式里 调用这个组件需要这样传入<ProductList onDelete={} products={} /> //这里注意需要传入两个参数1.无状态函数式组件 它是为了创建纯展示组件,这种组件只负...原创 2018-08-12 15:18:59 · 1723 阅读 · 0 评论 -
dva学习-route路由学习
dva是单页面应用,虽然有不同的路由页面,但是变化的都是js文件。 命令:curl + 网址 可以查看当前网址的html,如果不同路由显示的都是相同的html文件,说明是单页面1.src/index.js中的app.router 如下所index.js中的app.router(require('./router').default); 引用了同目录下s...原创 2018-08-12 14:57:15 · 22032 阅读 · 1 评论 -
dva学习---model中的subscription订阅
model中的subscription相当于一个监听器,可以监听路由变化,鼠标,键盘变化,服务器连接变化,状态变化等,这样在其中就可以根据不同的变化做出相应的处理,在这个subsription中的方法名是随意定的,每次变化都会一次去调用里面的所有方法,所以一边会加相应的判断。export default { namespace: 'example', state: {}...原创 2018-08-25 16:04:57 · 21301 阅读 · 3 评论