tankpanv的博客

// 先声明类型interface PrismHighlighterParam { params: { id: any }}// 在声明class的时候 给Component 指定参数class PrismHighlighter extends Component<PrismHighlighterParam, {}> { constructor(props) { super(props); } render() { .

官网给的结论是在config.ts 的theme 配置可以修改但是试了发现一部分参数可以修改，比如theme: { // 'primary-color': defaultSettings.primaryColor, "border-radius-base": "4px",// 组件/浮层圆角 "border-radius": "4px", },一部分不可以，比如primary-color": "#1DA57A"另外试了下在global.less 修改是可以的

在config.js里 添加路由{ // name: 'applications', // icon: 'smile', path: '/blog/show', component: './blog/ShowSingleArticle', },在路由query的参数存在props.location.query 结构里const EditArticle: FC&l

如何创建函数组件箭头函数形式const Hello = (props) => { return <div>{props.message}</div> }// 可以简写成const Hello = props => <div>{props.message}</div>function 形式function Hello(props) { return <div>{props.message}</div>

使用的时候contentI || ""

在 Umi 里配置主题#如果你在使用Umi，那么可以很方便地在项目根目录的.umirc.ts或config/config.ts文件中theme字段进行主题配置。theme可以配置为一个对象或文件路径。定制主题 - Ant Designhttps://ant.design/docs/react/customize-theme-cn"theme": { "primary-color": "#1DA57A",},...

想使用 umi request 的拦截器为请求统一加上 jwt token，但是参考 ant design pro V5 的文档，始终不生效。无效的配置如果参考官方的文档 https://beta-pro.ant.design/docs/request-cn， 修改 src/app.tsximport type { RequestConfig, RunTimeLayoutConfig } from 'umi';export const request: RequestConfig = {

https://www.pinterest.com/pin/583568064223225081/icon 的地址，备忘录

1、下载react-devtools包，地址： github.com/facebook/re… 2、进入react-devtools-3目录， 安装依赖：npm install复制代码打包扩展程序：npm run build:extension:chrome复制代码3、Chrome添加扩展程序 浏览器输入指令：chrome://extensions/复制代码打开Chrome扩展程序，选中“加载已解压的扩展程序”，选中本地文件react-devtools-3/shell

export NODE_OPTIONS=--openssl-legacy-provider

个人习惯面向对象编程。飞冰的组件都是函数式的，改成对象。记录一下，方便后续复制粘贴用import * as React from 'react';import { Box, Form, Typography, Avatar, Tab, MenuButton, Button, Card, Step, Table, Divider } from '@alifd/next';import styles from './index.module.css';import axios from '.

修改镜像源：npm config set registry http://registry.npm.taobao.org

1. 调试node.js我们先来看看vscode如何调试node.js。1.1 新建项目$ mkdir vscode-debug$ cd vscode-debug$ npm init -f1.2 新建index.jsconsole.log('hello');1.3 打开vscode用vscode打开vscode-debug文件夹，作为vscode资源管理的根目录。1.4 添加vscode配置打开工具栏的“调试”菜单，然后点击“添加配置”。

重点：openRowKeys={openRows}onRowOpen={(keys) => setOpenrows(keys)}primaryKey="ts_codes" // 这个一定要唯一，否则使用一个不存在key或者公用的key 每次点击都会生效到所有表格，一次点击所有的表格都展开或者索起参考:最近遇到一个棘手的问题，Ant的嵌套表格，点击一行显示子表格的相关数据，展开其他行，共享数据源，便会使所有展开的行显示相同数据!在上网找了很多解决办法，试过都不行，Ant也没有仅

参考链接：javascript - Cannot set property 'styles' of undefined in next js during add less support - Stack Overflow报错原因是因为默认用的webpack5在next.config.js里增加选项关闭webpack5然后降级webpackyarn add --dev webpack@webpack-4 less less-loader@5// next.config.js mod

1、Cannot find module ‘less-loader‘ 解决方法npm install lessyarn add less less-loader --dev

我们在用react脚手架搭建项目的时候，webpack的相关配置已经被隐藏了。如果要解决less样式无效这个问题，那么我们需要先把webpack的相关配置暴露出来。先贴一下我react和webpack的版本，因为我在查资料的时候发现config最后暴露出来的文件和网上的不一样。1、安装less依赖npm install less less-loader12、暴露配置：npm run eject13、修改配置文件经过第二步之后，你的项目会多一个config的文件夹