Ant-design 快速入门
来源:互联网 发布:java new object数组 编辑:程序博客网 时间:2024/06/05 06:49
1、下载node.js4.x及以上,然后安装。
2、安装后在win+r输入npm install antd-init -g 安装antd
3、创建ant-demo 输入mkdir antd-demo 创建antd-demo
4、cd antd-demo
5、安装npm依赖 输入 antd-init --type plain-react 此时会产生一些文件
将以下代码替换\antd-demo\src\entries\index.js的内容
import React from 'react';import ReactDOM from 'react-dom';import { DatePicker, message } from 'antd';class App extends React.Component { constructor(props) { super(props); this.state = { date: '', }; } handleChange(date) { message.info('您选择的日期是: ' + date.toString()); this.setState({ date }); } render() { return ( <div style={{ width: 400, margin: '100px auto' }}> <DatePicker onChange={value => this.handleChange(value)} /> <div style={{ marginTop: 20 }}>当前日期:{this.state.date.toString()}</div> </div> ); }}ReactDOM.render(<App />, document.getElementById('root'));
6、重开”运行” npm start输入开始服务器
7、另一个”运行”进入ant-demo目录 , npm run build构建和部署antd-demo
8、url访问127.0.0.1:8989/antd-demo
9、访问效果如下即可
2 0
- Ant-design 快速入门
- Ant-design 快速上手
- react入门篇 ant-design
- Ant Design
- Ant Design介绍
- 评价 Ant Design项目
- Ant-design-Table
- ant design安装说明
- React--ant design
- ant-design antd 地址
- Ant Design介绍
- dva+react+ant.design
- Ant Design主题定制
- ant 入门
- Ant入门
- Ant入门
- ant 入门
- ant入门
- 判断单链表是否有环的java实现
- JQuery对CheckBox的一些相关操作
- GitHub基础学习-找到GitHub某个远程仓库的访问地址
- 弗吉尼亚·伍尔芙
- 网络原理,以及对VMware Workstation虚拟网络VMnet0、VMnet1、VMnet8的图解
- Ant-design 快速入门
- sparksql支持传参数的封装
- Oracle 入门随记
- 【算法】给定一个数组,除了一个数出现1次之外,其余数都出现3次,输出出现一次的那个数。
- 弗兰茨·卡夫卡
- 如何配置解压版MySQL
- CouponView 半圆锯齿背景虚线边框
- unity键盘控制
- Xcode8取消运行时打印的数据