第一步:安装Ant Designnpm install and第二步:找到想要使用的组件,并查看源代码第三步:引入相关组件,并使用提供的代码如果想查看更多样式,可以通过点击API进行查看引入图标示例官方代码我们的代码应该借鉴的地方...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-25 15:10:37
                            
                                130阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第一步:安装Ant Designnpm install and第二步:找到想要使用的组件,并查看源代码第三步:引入相关组件,并使用提供的代码如果想查看更多样式,可以通过点击API进行查看引入图标示例官方代码我们的代码应该借鉴的地方...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-16 17:00:18
                            
                                453阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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评论
                            
                                                 
                 
                
                             
         
            
            
            
            通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-29 16:08:20
                            
                                97阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            安装使用antd官网运行yarn add antd引入使用import React, { Component } from 'react'import {Button} from 'antd'	// 引入需要的组件import 'antd/dist/antd.css'	// 引入样式export default class App extends Component {  render() {    return (      <div>        <            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 10:45:30
                            
                                236阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            环境配置 安装脚手架: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评论
                            
                                                 
                 
                
                             
         
            
            
            
            // AntdTest 测试 redux 组件 // 在src/index.js文件中 import 'antd/dist/antd.css' 安装 antd 的命令 npm install antd --save import React, { Component } from 'react' i            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-09 08:12:00
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用React的几种方式 自行配置 官方文档 通过脚手架自动配置 官方文档 react.js 和 react-dom.js react.js包含了React和React-Native所共同拥有的核心代码, 主要用于生成虚拟DOM react-dom.js包含了针对不同平台渲染不同内容的核心代码, 主            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-11-01 22:46:00
                            
                                228阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.antd官网: https://ant.design/docs/react/introduce-cn2、React中使用Antd 1、安装antd npm install antd --save / yarn add antd / cnpm install antd --save 2、在您的re            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 08:44:46
                            
                                842阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            React基本使用1.jsx、条件、列表渲染知识点变量、表达式class style子元素和组件经常用就不仔细分析了2.事件bind this关于event参数传递自定义参数1.为什么需要bind  this?我们先来看一段代码import React, { Component } from "react";class JsxBaseDemo extends Component {  constr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-20 19:52:08
                            
                                240阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            需求1) 添加任务2) 删除任务3) 更新任务状态4) 全选/全不选5) 清除已完成的任务组件的划分TodoList整体作为一个大组件;Header:input添加List:列表作为一个组件;Item: 列表中的每个列表项(ListItem)作为一个组件Footer:底部展示和功能作为一个组件代码编写App.js 父组件import React, { Component } from 'react            
                
         
            
            
            
            React之Antd组件Modal对话框Modal.method()动态设置确认框和提示框    handleConfirm = (type)=>{        Modal[type]({            title:'确认?',            content:'你            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-12 15:26:46
                            
                                702阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。详细文档可前往链接:Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始: npm install -g create-react-app       /            
                
         
            
            
            
            upload有这么几个需求:上传文件,这个官方文档里最普通案例就有,可以直接使用异步初始化数据(初始化列表是通过接口异步获取的):这个需要使用使用fileList,不能使用defaultFileList下载功能,如果是静态资源,可以有路径了直接下载,但如果是使用参数请求后端接口,需要额外处理,目前一期只用静态资源,这种方式不是很安全,没有做权限管控,对于敏感信息不能这样做校验,官方文档有案例,对后            
                
         
            
            
            
            作为小白学习react 前端,而且对es6的语法很多还是生疏的,平时熟悉的onclick 事件,在react中居然调试了很久,到最后才成功的调用了函            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-07 17:27:12
                            
                                449阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、需求 用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树,一级表示的是应用分组,二级表示的是应用,这是table的最左边的数据。然后是按钮的数据,这里显示在table的头部。 二、效果            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-08-27 21:30:00
                            
                                411阅读
                            
                                                                                    
                                2评论