https://anbox.io/[......]
Author Archives: coder4
如何在React组件中动态加载js脚本
网上找了很多方案,比如react-helmet等各种包,都不行。
从原理上,他们都是类似如下的原生方案:
const script = document.createElement("script");
script.src = url;
document.head.appendChild(script);
这种方案是存在问题的,script是异步加载的,不等加载完毕直接往下执行,是找不到对象的。
这里给出最终解法:在onload回调中再渲染。
interface Prop[......]
使用AntDesign的MenuItem如何再集成React Router
新版AntD已经不能使用MenuItem了,而是需要传入数据,这样使用React Router会有点麻烦。
解决方案是给Menu做一个click事件,里面再使用useNavigate分发路由,如下:
import { Breadcrumb, Layout, Menu } from 'antd';
import React, { Fragment } from 'react';
import {
Routes,
Route,
useNavigate
} from "[......]
React Router v6后如何在Component中获取参数
答案:试过各种方案,都很复杂,不行,只能用hook。
除了把Component改造成FC,还有个方案是自己包一层FC:
MyWrapper:
import { useParams } from 'react-router-dom';
import YourComponent from './YourComponent ';
function MyWrapper() {
const { id } = useParams();
return ([......]
Linux中批量重命名文件
使用find和rename一起操作:
find . -exec rename -v 's/【一段文本】//' {} \;
上述演示了如何去掉文件名中的“【一段文本】”这样的字符串。[......]