基于Dav快速搭建React开发框架

1、 dva-cli

安装 dva-cli，具体教程快速上手dva

2、改写上面示例中的Products.js

将函数组件改成React类组件

import React from "react";
import { connect } from "dva";
import ProductList from "../components/ProductList";class Products extends React.Component {constructor(...args) {super(...args);this.state = {show: false};}handleDelete(id) {this.props.dispatch({type: "products/delete",payload: id,});}render() {console.log(this.props);return (<div><h2>List of Products</h2><ProductList onDelete={this.handleDelete} products={this.props.products.initData} /></div>);}
}
Products.defaultProps = {title: "下拉弹框",datas: [1, 2, 3],
}
export default connect(({ products }) => ({products,
}))(Products);

3、配置.webpackrc

dva-cli 基于 roadhog 实现 build 和 dev, 更多 .webpackrc 的配置详见
roadhog

{"entry": {"index":"./src/main.ts","vendor":["react","react-dom","react-router-dom","react-router-redux","redux","react-redux","dva","@reco-mobile/core","prop-types","immutable","classnames"],"polyfills":["jquery","isomorphic-fetch","webuploader","./src/polyfills.ts"]},"extraBabelPlugins": [["import", {"libraryName": "antd-mobile", "style": true}]],"hash": true,"jquery": true,"html": {"template": "./src/index.ejs"},"commons":[{"name":["vendor","react","polyfills","manifest"]}],"disableCSSModules": true,"copy":[{"from": "src/assets","to": "assets"}],"theme":"theme.json","browserslist": [ "Android >= 6.0","iOS 9"]
}

基于Dav快速搭建React开发框架相关推荐

基于 Jenkins 快速搭建持续集成环境--转
源地址:http://www.ibm.com/developerworks/cn/java/j-lo-jenkins/ 持续集成是一种软件开发实践,对于提高软件开发效率并保障软件开发质量提供了理论基础 ...
基于 Jenkins 快速搭建持续集成环境
持续集成概述什么是持续集成随着软件开发复杂度的不断提高,团队开发成员间如何更好地协同工作以确保软件开发的质量已经慢慢成为开发过程中不可回避的问题.尤其是近些年来,敏捷(Agile) 在软件工程领域 ...
基于Jenkins快速搭建持续集成环境
看了园友张善友的博文,尝试成功.便有此作.原网址: 基于 Jenkins 快速搭建持续集成环境天下事有难易乎?为之,则难者亦易矣:不为,则易者亦难矣. 首先要学会使用MSBuild构建脚本附网址: ...
如何基于Docker快速搭建Elasticsearch集群？
如何基于Docker快速搭建Elasticsearch集群? Elasticsearch 作为一个搜索引擎,我们对它的基本要求就是存储海量数据并且可以在非常短的时间内查询到我们想要的信息.所以第一步 ...
基于Jenkins 快速搭建持续集成环境
2019独角兽企业重金招聘Python工程师标准>>> 持续集成概述什么是持续集成随着软件开发复杂度的不断提高,团队开发成员间如何更好地协同工作以确保软件开发的质量已经慢慢成为开 ...
阿里云上基于WordPress快速搭建个人博客
阿里云上基于WordPress快速搭建个人博客文章目录阿里云上基于WordPress快速搭建个人博客一.服务器环境: 二.环境部署: 1.重置实例密码 2.链接ECS服务器 3.安装Apache ...
创建react项目 Linux,idea2018 快速搭建react项目指南
react与angular和vue是截止2018年为止主流的前端框架.对于一些新手来说,想快速入门react,应该是搭建一个react最初的模板项目,然后在项目中添加一些自己喜欢的组件作为练手..今天 ...
第一章：基于 SpringBoot 快速搭建QQ机器人，并监听群事件
第一章:基于 SpringBoot 快速搭建QQ机器人前言:知识与储备这个QQ机器人能干什么? 第一步:搭建Maven项目环境第二步:编写pom文件第三步:编写启动类第四步:创建配置文件第 ...
基于halo快速搭建一个属于你自己的博客网站
基于halo快速搭建一个属于你自己的博客网站公众号前置条件 JDK安装下载halo配置文件下载halo的启动jar 验证启动公众号前置条件首先你需要有一台自己的服务器,比如你去各类云上面 ...

基于Dav快速搭建React开发框架

1、 dva-cli

2、改写上面示例中的Products.js

3、配置.webpackrc

基于Dav快速搭建React开发框架相关推荐

最新文章

热门文章