一、 react组件两种导入方式React组件可以通过两种方式导入另一个组件import(常用)import component from './component'requireconst component = require('./component')两种方式有什么区别?提出的规范不同
import是ES6语法,reuqire是CommonJs提出的.import会通过babel转换成Co
转载
2023-08-28 10:07:06
230阅读
/* * 构建数据列 * */ tableColumns = (currentData) => { let group = lodashGroupBy(currentData, 'level1'); console.log('group', group); return [{ title: '统计事项一级目录', dataIndex: ...
原创
2022-05-05 15:04:34
598阅读
React学习笔记3（React路由、Ant Design）零 l 一 l （一）【了解】一些概念1、SPA（Single Page web Application 单页Web应用）2、路由3、路由组件与一般组件（二）效果图（三）< BrowserRouter > 与 < HashRouter >（四）< Link > 、 < Nav
react + Ant Design后台管理系统下载命令：npm install antd --save官网：https://ant.design
Step 1：安装脚手架工具 （Node.js 需要 v4.x 或以上）$ npm install antd-init -gstep 2：创建项目&初始化$ mkdir ant-design-demo && cd ant-de
一、Ant Design of React ://ant.design/docs/react/introduce 二、建立webpack工程 webpack+react demo下载 项目的启动，参考 三、简单配置 1.工程下载下来之后，在src目录下新建目录“table”，新建app.js
转载
2016-07-20 21:21:00
663阅读
2评论
使用 Enzyme 库测试 react。这样可以使你的程序将更加可靠，并且更加容易避免回归。我们在这里用了 Jest，不过 Enzyme 也可以与 Mocha 和 Chai 之类的库一起使用。 Enzyme 基础 Enzyme 是一个库，用于在测试时处理你的 react 组件。它由 Airbnb 开
转载
2020-10-17 14:55:00
237阅读
2评论
今天刚刚运用antd做了个分页，根据官网上的指导和一些自己的摸索，将其完成，有些代码编写的还是比较繁琐，没有做简化。antd官网讲的还是比较详细的，有案例，本例在其基础上扩展了一下功能，现将其按照例子的方式记录下来，以供以后参考。 先将显示出来的效果放出来（注：本次案例是点击一次页码请求一页数据）： 编码过程大体需要以下几步：1.初始化必要属性，如数据 data，数据条数 co
转载
2024-06-19 15:21:37
858阅读
搭建react项目时，刚开始路由的配置文件都是写死的，每写一个组件然后都需要自己去路由的配置文件中进行配置路由。其实刚开始觉得也很正常，因为动态import感觉很难实现。但是项目需求后台需要记录那些组件的路径以及路由 跳转的路径。所以就想到了哪些数据都由后台返回，前端只需要根据后台返回的路径动态的引入组件。 一开始后台返回的是完整路径，比如说自己写的组件在pages目录下，然后在router
转载
2023-12-13 22:29:59
141阅读
最近参与了一个基于Raact技术栈的项目，距离我上一次在工作中react已经过去了挺长一段时间，因此打算整理在react中封装组件的一些方法。1、extends 正向继承对于类组件而言，可以通过extends继承某个父类，从而获得一些公共的能力class LogPage extends React.Component { trackLog() { console.log("tr
转载
2024-06-06 05:55:21
110阅读
react 封装通用组件之table组件工作中发现我们在做react后台管理系统的时候，会有大量重复的页面（如下图），比如form表单和table组件、以及接口通讯，新增修改modal等。虽然antd里面的组件已经很简便了，但是遇到众多功能类似的页面，每次都复制大量的代码还是会耗费很大的时间而且不易维护，看起来很不清爽，于是找了个时间就把他们做了二次封装。 尽量涵盖了大多数的业务。table表格的
转载
2024-05-31 01:19:46
888阅读
路由是用来管理应用程序中的路径和组件之间关系的。它可以帮助你在不同的路径之间切换组件，从而实现单页面应用程序（Single-Page Application，简称SPA）的效果。React Router是一个基于React的路由库，它可以帮助你在React应用中轻松地实现路由功能。要使用React Router，你需要先安装它：npm install react-router-dom然后在你的Re
转载
2024-04-29 17:19:36
82阅读
React相信各位伙伴都不陌生，那么你的React技术还好吗？来跟我一起重学一遍React，看看有什么知识是你没有记住的呢？一起来查漏补缺
原创
2022-10-21 16:28:22
447阅读
一、需求 用户对不同的应用需要有不同的权限，用户一般和角色关联在一起，新建角色的时候会选择该角色对应的应用，然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树，一级表示的是应用分组，二级表示的是应用，这是table的最左边的数据。然后是按钮的数据，这里显示在table的头部。 二、效果
转载
2016-08-27 21:30:00
411阅读
2评论
这篇文章来讲解一下angular内置的filter过滤器.没错,这个过滤器的名字,就叫'filter',虽然自定义过滤器也是使用module.filter()...但是不要混淆了,这个filter就是过滤器的名字~这个过滤器是干嘛的呢? 它的作用是: '从数组中过滤出需要的项,放入新的数组并返回这个新数组。'一.用在html模板里:因为是用来过滤数组,所以这个过滤器基本上都用在ng-repeat指
概述一个超级简单的日历，日历核心代码只有十几行，方便以后扩展成日程管理。源码点击这里前言日历或者日程管理，在项目中是个高频使用的组件，经常会碰到日程管理这种需求，网上已经有很多成熟的库，但是产品经理的思维是你我无法揣测的，所以先储备一下，做个简单的日历，方便以后用的的时候直接用，代码使用react写的，但是核心的日历计算思想可以用到各种框架中。实现首先看看最终实现的效果可以看到一个能查看上一个月或
转载
2024-04-23 15:31:12
324阅读
Lodash通过降低 array、number、objects、strings的使用难度从而让JavaScript编程变得更简单。Lodash是个非常受欢迎的工具库，在Github上获得超4万星的点赞。根据官网的介绍，Lodash是一个现代的JavaScript实用工具库，具有模块化，高效能等特性，并且具备很多附加功能。尽管Lodash不是专门的React工具库，但它是我个人最喜欢的工
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI！ 安装组件库 在项目目录下执行：npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行：npm i babel-plugin-import -D 安装一个babel插件用于做组件的按需加载（否则项
转载
2018-03-13 19:23:00
263阅读
2评论
安装npm install redux -s在src目录下新建store文件夹，新增index.js文件导入redux基本模块import { createStore
原创
2022-07-06 16:49:37
137阅读
1.安装create-react-app。创建第一个项目my-app。$npminstallcreate-react-app$create-react-appmy-app$cdmy-app2.安装antd,reqwest。.$npminstallreqwest--save-dev.$npminstallreqwest--save-dev3.修改APP.js文件如下。（一定要引入import'
原创
2019-08-27 22:48:38
4337阅读
点赞
1.说明以下内容全部来自于我的github文章全集内容。欢迎在github阅读，star , issue welcomed!2.如何在react组件中加js文件export default class Script extends React.Component {
static propTypes = {
attributes: RPT.object, // eslint-disab
转载
2023-11-02 08:21:59
313阅读
