duansamve的博客

import React, { Component } from 'react'import { Row, Col, Modal, Table, Upload, Button, Breadcrumb, Icon, Progress, message } from 'antd'import http from "libs/http";import "./table.module.css";export default class FileManagerTable extends Component.

下载脚手架：cnpm isntall -g create-react-app创建一个名为my-app的项目：create-react-app my-app安装好了之后，接下来进入这个目录：cd my-app安装依赖：npm install启动项目：npm start ...

一、使用create-react-app创建一个支持TypeScript+React的开发环境：要创建一个支持TypeScript的Create React App项目，可以运行：npx create-react-app my-app --template typescript# oryarn create react-app my-app --template typescript要将TypeScript添加到已有的Create React App项目，请先安装它：npm in

一行一个标签对应多个输入组件，这个需求很常见但在官方例子没看到合适的，因为官方建议：注意：一个 Form.Item 建议只放一个被 getFieldDecorator 装饰过的 child，当有多个被装饰过的 child 时，help required validateStatus 无法自动生成。经过摸索，证实这样写是可行的，如下：<Form.Item label={'模块'} > <Row gutte.

一、组件中使用className：<Table rowKey="id" loading={store.isFetching} dataSource={data} pagination={false} className="fileManagerTable" scroll={{ y: 600 }}

index.jsx（父组件）：import React from 'react'import { Row, Col, Card, Input, Button, Table, Tag, Modal, message, Tooltip } from 'antd';import moment from 'moment'import axios from 'axios'import 'moment/locale/zh-cn';import "./question.css"import Create

import React from 'react';import { Modal, Form, Input, Button, InputNumber, Select, Checkbox, Radio, DatePicker } from 'antd';import moment from 'moment'import 'moment/locale/zh-cn';import locale from 'antd/es/date-picker/locale/zh_CN';export defaul.

import React, { Component } from 'react'import { DatePicker, Button } from 'antd';import 'moment/locale/zh-cn';import locale from 'antd/es/date-picker/locale/zh_CN';export default class TimelineCom extends Component { state = { startValue:.

onCheckTaskForm_Name_Hot = () => { this.createTask_formRef.current.validateFields(['name', 'host']).then(data => { console.log('name和host都校验通过！'); }).catch(error => { console.log('name和host没有都校验通过！'); ...

create-react-app命令创建一个react项目，运行npm run eject生成配置文件，报了下面的错：NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html√ Are you sure you want to eject? This a

package.json：{ "name": "antd-demo", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/icons": "^4.2.1", "@babel/core": "7.9.0", "@svgr/webpack": "4.3.3", "@testing-library/jest-dom": "^4.2.4", "@testing-libr

package.json：{ "name": "antd-demo", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/icons": "^4.2.1", "@babel/core": "7.9.0", "@svgr/webpack": "4.3.3", "@testing-library/jest-dom": "^4.2.4", "@testing-libr

import React from 'react'import { Form, Button, Input, InputNumber, Select, Checkbox, Radio } from 'antd'const { Option } = Select;const { TextArea } = Input;const layout = { labelCol: { span: 8, }, wrapperCol: { span: 16.

import React, { Component } from 'react'import { Tree } from 'antd'const { DirectoryTree } = Tree;export default class tree extends Component { state = { } /** * 树 */ getTreeData = () => { return [ {.

import React, { Component } from 'react'import { Table, Spin } from 'antd';import axios from 'axios'export default class Home extends Component { state = { selectedRowKeys: [], // 表格选择项Keys selectedRows: [], // 表格选择项Rows ta.

首先安装echarts和echarts-for-react，版本一定要对，package.json： "dependencies": { "echarts": "^4.9.0", "echarts-for-react": "^2.0.16", }完整代码如下：import React, { Component } from 'react'import { Card } from 'antd';import ReactEcharts from 'echarts-for-r

home.jsximport React, { Component } from 'react'import { Table } from 'antd';import axios from 'axios'export default class Home extends Component { state = { selectedRowKeys: [], // 表格选择项Keys selectedRows: [], // 表格选择项Rows

home.jsx：import React, { Component } from 'react'import { Table, Card, Modal, Button, Form, Input, Select, notification } from 'antd'import axios from 'axios'import qs from 'qs'import { PlusOutlined, MinusOutlined } from '@ant-design/icons';// rea

React脚手架create-react-app不支持less，因此需要配置webpack的webpack.config.js文件。在使用React脚手架的时候，可能发现是没有webpack.config.js文件的。运行npm run eject，会多出两个目录config和scripts，此时可以在config目录下看到配置文件webpack.config.js。下载less less-loader使用 npm 或 yarn 下载均可：// 使用npm npm install les

package.json：{ "name": "antd-demo", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/icons": "^4.2.1", "@babel/core": "7.9.0", "@svgr/webpack": "4.3.3", "@testing-library/jest-dom": "^4.2.4", "@testing-libr

package.json：{ "name": "antd-demo", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/icons": "^4.2.1", "@babel/core": "7.9.0", "@svgr/webpack": "4.3.3", "@testing-library/jest-dom": "^4.2.4", "@testing-libr

import React from 'react';import { Modal, Form, Input, Button, InputNumber, Select, Checkbox, Radio } from 'antd';const { Option } = Select;const { TextArea } = Input;const layout = { labelCol: { span: 5, }, wrapperCol: { .

import React from 'react'import { Row, Col, Space, Table, Button, notification, Pagination } from 'antd';import axios from 'axios'export default class TableCom extends React.Component { state = { tableData: [], selectedRowKeys: [], // Check .

import React from 'react'import { Form, Input, Button, Select } from 'antd';const { Option } = Select;const { TextArea } = Input;const layout = { labelCol: { span: 8, }, wrapperCol: { span: 16, },};const tailLayout.