React升级到18版本
前言 升级前react版本是16.9.0，react-dom版本为16.9.0，react-router-dom为5.1.2版本。 安装 // npmnpm install react react-dom // yarnyarn add react react-dom // pnpmpnpm install react react-dom 启动项目 此时，项目可以正常运行，但是控制台报如下警告，译为...
从零开始搭建React+TypeScript+webpack开发环境-集成antd ProComponents
布局，同时提供一键切换布局形态，自动生成菜单等功能。与 PageContainer 配合使用可以自动生成面包屑，页面标题，并且提供低成本方案接入页脚工具栏。 创建BasicLayout import React, { FC, useEffect, useState } from 'react';import { Link, useLocation, useNavigate, useOutlet } fro...
为React Ant-Design Table增加字段设置
dd @silverage/table-custom 组件在ant-design基础上开发，所以你也要安装antd。数据持久化使用的use-local-storage-state，也是要安装的。另外，react也是peer dependency。使用组件使用非常简单，只需要将你原先antd的<Table />换成<TableCustom />即可。兼容所有antd table的属性。import { ...
React + hooks + Ts 实现将后端响应的文件流（如Pdf）输出到浏览器下载
React 篇 一些关于react 学习与总结 这篇是记录开发中关于实现将后端响应的文件流（如Pdf）输出到浏览器下载，基于React + Hooks + Ts。 开发场景： 思路： 实现过程： <Col span={22} > <Button type="primary" size={"large"} onClick={handleDownload} disabled={loading}> {loadi...
React Native简介 说明为什么要学习React Native
首先 什么是 React Native ？ React Native 是 Facebook 在 React.js Conf 2015 上推出了开源框架 React Native (简称 RN)是 React 的一个原生 (Native) 扩展 它允许我们通过 React 语法，来开发ios 和Android 原生应用 简单说 由Facebook发布 是一种React语法的拓展 他的作用主要是通过React...
React 18 + Hooks +Ts 开发中遇到的问题及解决方案！
这篇文章是用来专门记录关于React 18 + Hooks +Ts 开发中遇到的问题及解决方案 Q1 TS7016: Could not find a declaration file for module 'js-export-excel'. '/Users/zhangliangliang/WebstormProjects/daizhang-system-front/node_modules/js-ex...
从零开始搭建React+TypeScript+webpack开发环境-基于lerna的webpack项目工程化改造
babelrc"} 编译子项目 将components文件夹下的src目录拷贝到zhique-ui下 编译src文件夹 // 在子工程根目录下执行tsc 测试效果 更改组件引用方式 import React from 'react';import { Icon } from 'zhique-ui'; export default () => ( <div> <Icon type="compass" /...
React 封装的一些总结
React 封装的一些总结 最近刚刚把重构推进一个段落，所以想整理一下这个项目里面用过的一些封装思路 API 的封装 这里主要指的是 axios，因为 axios 支持的比较好，所以一般项目利用的都是 axios 而不是 fetch，主要实现内容就是之前笔记里提过的：axios 的简易封装 和 封装一个 axios url encoding serialize util 我基本上就是沿用这个思路封装了 5...
react简单的服务器渲染示例
1. package.json { "name": "react-server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "npm-run-all --parallel dev:**", "dev:build:client": "webpack --config config/webpac...
从零开始搭建React+TypeScript+webpack开发环境-基于axios的Ajax请求工具
什么是axios axios是一款基于Promise的HTTP客户端，适用于浏览器和Node.js环境。它的特点包括： 支持浏览器和Node.js环境。支持Promise API。支持拦截请求和响应。支持取消请求。自动转换JSON数据。支持CSRF保护。 使用axios可以更方便地发送HTTP请求，并且对请求和响应进行拦截、转换等处理。它可以在浏览器端和Node.js环境中使用，很适用于进行数据交互。 安...