基于webpack+react+antd 项目构建
转载 2021-07-29 11:28:29
515阅读
​​create-react-app 项目名称(项目失败,ant 的样式出不来)​​项目技术栈react + redux + react-route + webpack+ axios + less + antd 使用create-react-app 创建的项目默认不支持less,以下增加less配置的步骤暴露配置文件create-react-app生成的项目文,看不到webpack相关的配置文件,
转载 2019-08-02 17:20:00
122阅读
2评论
再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载 2020-05-13 11:47:00
175阅读
2评论
环境配置 安装脚手架:npm install create-react-app 安装yarn:brew install yarn 创建项目:create-react-app antd-demo 切换路径:cd antd-demo 安装路由:yarn add react-router-dom 安装ax ...
转载 2021-10-01 09:38:00
242阅读
2评论
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载 2021-08-08 12:13:00
152阅读
2评论
create-react-app my-admin 项目技术栈 react + redux + react-route + webpack+ axios + antd+styled-components(替代less) yarn add antd yarn add axios yarn add re
转载 2019-08-05 11:40:00
139阅读
2评论
You can easily spend hours configuring the perfect dev environment with all the latest hotness like ES6 (and beyond) support, hot reloading, and a myr...
转载 2015-09-06 03:13:00
114阅读
2评论
ReactAntd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认?', content:'你
原创 2022-01-12 15:26:46
702阅读
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创 2022-09-29 16:08:20
97阅读
React & shit Antd
转载 2018-11-16 16:26:00
137阅读
Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpackReact开发环境,内置了热更新等功能。详细文档可前往链接:Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始: npm install -g create-react-app /
转载 10月前
13阅读
node是运行引擎,通过他可以直接在后端运行js语法 webpack是打包工具 react是前端框架 通过 npm 使用 React 我们建议在 React 中使用 CommonJS 模块系统,比如 browserify 或 webpack,本教程使用 webpack。 国内使用 npm 速度很慢,
转载 2017-09-22 02:22:00
64阅读
2评论
快速搭建react-webpack
原创 2017-03-13 16:20:12
1161阅读
一.React中使用antd1.下载antd包   npm i antd -S2.按需引入//App.jsx文件 import {Button} from 'antd' //引入按钮组件 import {WechatOutlined, ShoppingCartOutlined } from '@ant-design/icons'; //icon图标库需要另外引入 import
转载 2024-03-16 10:47:47
697阅读
在页面上做一些搜索条件,为了方便我们可以做一个按钮"置空",或者清除,点击这个按钮实现将输入框中的值删除,在以前的html页面中我们很方便通过js来将值制空,但是react组件封装的很严重了,我们没有办法通过js来制空,即使可以实现也是比较麻烦的
原创 2022-09-17 02:46:26
510阅读
项目中新功能需要用到富文本编辑,查找了几个富文本编辑器,结合需求以及以后产品说的可能扩展,最终选择了ueditor  首先就是功能超多,一步到位,估计都不用二次开发就够用了:  使用的话,首先要装包:(npm install ngx-ueditor --save)  然后就是引入到模块,然后配置前端配置项:  这是目录结构(没有在根目录引入,就为了写demo):  接着就是这个 ueditor 这
转载 9月前
212阅读
一、创建Reract项目1、创建React项目npx create-react-app react-test2、运行eject        Cesium静态资源需要webpack配置,执行npm run eject可以生成webpack配置,运行前先查看当前git版本是否有提交,如果未提交,需要先本地提交git,否则npm run eject会执行失败。(
原创 2024-08-27 08:41:18
319阅读
react antdesign框架集成
原创 2023-05-17 11:48:00
121阅读
关于react_antd_desgin的学习这两天也是获取到的知识零零散散,大多在网上也能获取的到,所以隔了很长的时间,没有编写关于react相关的文章
原创 2022-07-07 17:58:24
1419阅读
需求1) 添加任务2) 删除任务3) 更新任务状态4) 全选/全不选5) 清除已完成的任务组件的划分TodoList整体作为一个大组件;Header:input添加List:列表作为一个组件;Item: 列表中的每个列表项(ListItem)作为一个组件Footer:底部展示和功能作为一个组件代码编写App.js 父组件import React, { Component } from 'react
转载 5月前
35阅读
  • 1
  • 2
  • 3
  • 4
  • 5