基于create-react-app的项目搭配dva

1 创建项目

create-react-app project

2 删除src目录下的所有文件,除了index.js,安装dva-loading

npm install dva-loading --save

3 src目录下新建models文件夹,models下面新建list.js

export default {
    namespace: "list",
    state: {
        data: [1, 2, 3]
    },
    effects: {

    },
    reducers: {

    },
}

4 在src目录下新建list文件,router文件

 

list文件夹下面的index.js内容

import React, { Component } from 'react';
import { connect } from 'dva';

class List extends Component {
    render() {
        console.log(this.props)
        return (
            <div>这是list页面</div>