完整代码：import React, { useState, useEffect, useRef } from 'react';import ProForm, { StepsForm, ProFormUploadButton, ProFormRadio} from '@ant-design/pro-form';import ProTable, { ProColumns } from '@ant-design/pro-table';import { Button, messa

import React, { useState} from 'react';import ProForm, { StepsForm, ProFormUploadButton,} from '@ant-design/pro-form';import { Button, message, Modal } from 'antd';import { PlusOutlined } from '@ant-design/icons';import * as xlsx from 'xlsx';

封装的组件：import React from 'react';import ProCard from '@ant-design/pro-card';import './index.less'const ProCardModule= (props:any) => { //解构从父组件传过来的参数 /* imgPath：图片的路径 colSpan：ProCard的大小 style：样式 title：标题 rPath：跳转路径 imgStyle：图片样式 */ const

由于 webpack 的原因，require 只支 持纯静态 或 变量+静态 地址两种：所以即便我们路径是对的，也会报错说找不到对应的模块文件。比如：let tmpUrl = ‘../../../images/hr/’；require(tmpUrl);只能写这种：<img src={require('../../../images/hr/')} />或者这种：// 文件变量var popWinPath = 'js/window';/**动态requirerequire

最近一直在接触这个，会把自己学到的和遇到的问题记录下来，不定时更新thistaro安装1、安装脚手架npm install -g @tarojs/cli2、初始化项目taro init 项目名3、安装依赖npm install/yarn4、编译# yarn$ yarn dev:weapp$ yarn build:weapp# npm script$ npm run dev:weapp$ npm run build:weapp# 仅限全局安装$ taro build --

1、安装依赖必须安装的依赖有：Node、JDK 和 Android Studio。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。2、Node, JDK我们建议直接使用搜索引擎搜索下载 Node 和Java SE Development Kit (JDK)注意 Node 的版本应大于等于 12，而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8

ant-design自定义主题1、安装lessyarn add less less-loader2、修改config-overrides.js文件const { override, fixBabelImports, addLessLoader } = require('customize-cra');module.exports = override( fixBabelImports('import', { libraryName: 'antd', libraryDire

????实现antd组件的按需打包1、添加依赖yarn add babel-plugin-import react-app-rewired customize-cra2、项目根目录下新建config-overrides.js文件const { override, fixBabelImports, addLessLoader } = require('customize-cra');module.exports = override( fixBabelImports('import', {

State Hooks案例：import { useState } from 'react';function Example() { const [count, setCount] = useState(0);//count:声明的变量；setCount：改变count值的函数；0：count的初始值 return ( <div> <p>You clicked {count} times</p> <button o

Taro-ui 引入index.scss错误问题安装tao-ui时,如果出现报错，可以尝试更换taro-ui版本，因为目前taro ui2.+和taro3.+版本不兼容,使用以下命令可解决npm install taro-ui@3.0.0-alpha.3

安装yrmnpm install -g yarn yrm查看版本yarn -v​查看镜像源yrm ls添加镜像源yrm add xxx http://10.66.20.189:4001/repository/npm-group/使用指定镜像源yrm use xxx​删除镜像源yrm delete xxx​查看命令yrm --help创建项目yarn create umi xxx执行 : yarn create umi 报错 ：success Installed “c

学习使我快乐 ????React简介官网英文官网: https://reactjs.org/中文官网: https://react.docschina.org/介绍描述用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源React的特点声明式编码组件化编码React Native 编写原生应用高效（优秀的Diffing算法）React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真

1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta